醉美水芙蓉 发表于 2026-5-24 13:43:58

花影伴流年

<meta charset="utf-8">
<style>
@import 'https://638183.freep.cn/638183/web/api/audioplayer.css';
.pa { --offsetX: 91px; --bg: url('https://upfile.mp3.wf/view.php/00b617423e7606c4d33ce4d6e7818364.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://imgpp.ztupic.com/u/30YDkgC4nz/1638834534644_8445ecf2.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 = ` 花影伴流年
演唱：男女对唱
LRC编辑：醉美水芙蓉
花影摇曳在时光的河边
轻声诉说流年的缱绻
多少晨曦多少夜晚
都有爱的光芒在心田
岁月如歌在岁岁年年
足迹写下生命的诗篇
纵有风雨纵有荒原
与你同行就不觉孤单
花影伴流年爱不曾走远
穿越风霜依旧温暖
无论山高海远心始终相连
恩典如花绽放在人间
光阴缓缓把记忆铺展
留下欢笑泪水也甘甜
多少梦想因你而点燃
生命因此更加灿烂
时光匆匆却带不走依恋
岁月更替仍留下眷恋
爱如花影随风仍翩跹
守护我直到永远
花影伴流年岁岁常新鲜
纵然光阴无声也不变迁
这一生心相依直到地极天边
歌声回荡永远不断
-- 谢谢欣赏 -- `;
var options = {
    pa: '.pa',
    urls: [['https://www.joy127.com/url/151364.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 -190 Q-50 -150,15 0 Q50 -100,0 -190Z', '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>

klxf 发表于 2026-5-24 18:25:25

好听好看，谢谢友友精彩分享

醉美水芙蓉 发表于 2026-5-25 22:42:29

klxf 发表于 2026-5-24 18:25
好听好看，谢谢友友精彩分享

谢谢友友光临！
页: [1]
查看完整版本: 花影伴流年