缘浅何必苦相守
本帖最后由 月明工作室 于 2026-6-2 17:07 编辑 <br /><br /><style>@import 'https://638183.freep.cn/638183/web/api/audioplayer.css';
.pa { --offsetX: 91px; --bg: url('http://cccimg.com/view.php/73a738afd1fac22dfdd9603ce41f93e9.jpg') no-repeat center/cover; color: lightgreen; }
.player { width: 480px; bottom: 20px; }
.btnFs { top: 25px; right: 20px; }
.pd-vid { opacity: 1; mix-blend-mode: screen; }
#lrc { top: 780px; }
#msvg { position: absolute; left: 30px; width: 1vw; heighht: 1vw; transition: .165s; opacity: var(--opacity); }
</style>
<div id="pa" class="pa">
<video class="pd-vid" src="https://img2.tukuppt.com/video_show/7165162/00/17/50/5ec64ee5538e4.mp4" autoplay loop muted></video>
<svg id="msvg" xmlns="http://www.w3.org/2000/svg" viewBox="-200 -200 400 400">
<g id="g1" class="rotate brightness">
<title>播放/暂停(Alt+X)</title>
<circle cx="0" cy="0" r="190" fill="transparent"></circle>
</g>
</svg>
</div>
<script>
var gc = `缘浅何必苦相守\n演唱：张桂海\n词：张桂海\n曲：张桂海\nLRC歌词编辑：明月工作室\n爱限相逢皆是错\n痴情换不来真心结果\n满腔温柔全都落寞\n孤身一路漂泊无人诉说\n岁月磨平所有执着\n缘分落幕再也没如果\n过往回忆层层褪色\n半生孤单寂寞伴着生活\n既然缘浅何必苦相守\n不必苦苦纠缠爱恨不休\n情分己散别再去挽留\n余生独自看淡世间风流\n今生注定终究难长久\n执念相伴只剩满心哀愁\n红尘一梦短暂又消瘦\n往后风雨一人独自承受\n☆☆音乐是最好的陪伴☆☆\n走过荒野走过路口\n心亊堆积无人能解忧\n放下曾经所有迁就\n从此不问世间爱恨缘由\n岁月磨平所有执着\n缘分落幕再也没如果\n过往回忆层层褪色\n半生孤单寂寞伴着生活\n既然缘浅何必苦相守\n不必苦苦纠缠爱恨不休\n情分己散别再去挽留\n余生独自看淡世间风流\n今生注定终究难长久\n执念相伴只剩满心哀愁\n红尘一梦短暂又消瘦\n往后风雨一人独自承受\n-- 谢谢欣赏 --`;
var options = {
pa: '.pa',
urls: [['http://cccimg.com/view.php/780c3401fdb03ee8b4acb348a9674781.mp3', '缘浅何必苦相守']],
btns: ,
};
loadJs('https://638183.freep.cn/638183/web/api/audioplayer.min.js?v0', function() {
loadJs('https://638183.freep.cn/638183/web/api/yslrc.min.js', function() {
loadJs('https://638183.freep.cn/638183/svgdr/svgdr.min.js', tzRun);
});
});
function tzRun() {
var aud = new AudPlayer(options);
LRC(aud.pa, aud.aud, gc, 0.5);
var dr = _dr(msvg);
dr.path('M0 -290 Q-50 -150,15 0 Q50 -100,0 -290Z', 'transparent', 'lightgreen', 1).addTo(g1).rotates(10,360);
function setPathFill() {
var paths = msvg.querySelectorAll('path');
paths.forEach(path => path.setAttribute('fill', `#${Math.random().toString().substring(2,8)}`));
};
setPathFill();
}
function loadJs(url, callback) {
var script = document.createElement('script');
script.charset = 'utf-8';
script.src = url;
script.onload = function() {
if (callback) callback();
};
document.head.appendChild(script);
}
</script>
欣赏明月老师佳作！
页:
[1]