月明工作室 发表于 7 天前

叹我 (代码来源黑马老师)

<style>
    @import 'https://638183.freep.cn/638183/web/api/audioplayer.css';
    .pa { --offsetX: 81px; --bg: url('https://upfile.mp3.wf/view.php/2511d0a256c064d42a9833e4e82e9ce8.png') no-repeat center/cover; color: white; }
    .player { bottom: 10px; color: limegreen; }
    #lrc { bottom: 60px; }
    .btnFs { top: 25px; right: 20px; }
    #msvg { position: absolute; bottom: 120px; width: 12vw; heighht: 12vw; transition: .75s; opacity: var(--opacity); filter: brightness(1.5); }
</style>

<div id="pa" class="pa">
    <video class="pd-vid" src="https://img2.tukuppt.com/video_show/2475824/00/08/36/5d1eb91c1d36a.mp4" autoplay loop muted></video>
    <svg id="msvg" xmlns="http://www.w3.org/2000/svg" viewBox="-200 -200 400 400">
      <g id="g1" class="rot"><title>播放/暂停(Alt+X)</title></g>
    </svg>
</div>

<script>
    var options = {
      pa: '.pa',
      urls: [['https://upfile.mp3.wf/view.php/bb2156ee491dbf4a028d44fb1708b123.mp3', '竹枝词']],
      btns:
    };

    var gc = `叹我\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恩怨看淡 放下心中执着\n-- 谢谢欣赏 --`;

        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);
      var dr = _dr(msvg);
      dr.image('https://638183.freep.cn/638183/small/vuzi.png', -70, -200, 150, 220).addTo(g1).rotates(6);
    }

    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 发表于 7 天前

视角独特，效果新颖，谢谢月明分享

醉美水芙蓉 发表于 7 天前

欣赏老师带来的精彩音画！

月明工作室 发表于 6 天前

醉美水芙蓉 发表于 2026-6-11 13:56
欣赏老师带来的精彩音画！

谢谢芙蓉老师关注、鼓励、祝开心！

月明工作室 发表于 6 天前

klxf 发表于 2026-6-11 11:12
视角独特，效果新颖，谢谢月明分享

谢谢klxf老师关注、鼓励、祝开心！
页: [1]
查看完整版本: 叹我 (代码来源黑马老师)