月明工作室 发表于 2026-6-8 09:05:28

望你

<style>
@import 'https://638183.freep.cn/638183/web/api/audioplayer.css';
.pa { --offsetX: 91px; --bg: url('https://upfile.mp3.wf/view.php/39e8fddd735faf002642b85271ef74db.png') 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/2421007/00/01/57/5b46335976efe.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演唱：王思雨\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-- 谢谢欣赏 --`;
var options = {
    pa: '.pa',
    urls: [['http://music.163.com/song/media/outer/url?id=3382240629', '望你']],
    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-6-8 09:57:31

好听好看，谢谢月明精彩分享

醉美水芙蓉 发表于 2026-6-8 20:57:30

明月老师制作得非常漂亮！

月明工作室 发表于 2026-6-9 09:31:53

醉美水芙蓉 发表于 2026-6-8 20:57
明月老师制作得非常漂亮！

谢谢芙蓉老师欣赏鼓励！

月明工作室 发表于 2026-6-9 09:32:24

klxf 发表于 2026-6-8 09:57
好听好看，谢谢月明精彩分享

谢谢klxf老师欣赏鼓励！
页: [1]
查看完整版本: 望你