梦江南 发表于 2026-9-4 13:27

十里芳菲次第开（学习套用黑黑 异象 播放器效果）

本帖最后由 梦江南 于 2026-9-4 13:26 编辑 <br /><br /><style>
    @import 'https://638183.freep.cn/638183/web/api/audioplayer.css';

    .pa {
      position: relative;
      top:50px; --offsetX: 81px;
      --bg: url('https://upfile.mp3.wf/view.php/2789ea2bc9ded2a62d21b8f3cd6555cf.jpg') no-repeat center/cover;
      color: lightblue
    }
    .player { width: 480px; bottom: 30px; }
    .btnFs { top: 25px; right: 20px; }
    #lrc {left: 12%; top: 10%;}
    #msvg { position: absolute; left: 72%; top: 5%;width: 7vw;height: 7vw; transition: .75s;opacity: 0.5; pointer-events:auto; }

</style>
<div id="pa" class="pa">
    <video class="pd-vid" src="https://upfile.mp3.wf/view.php/d4c094dd40c0c0a811a2132951e1cea6.mp4" autoplay loop muted></video>
    <svg id="msvg" xmlns="http://www.w3.org/2000/svg" viewBox="-200 -200 400 400"><title>播放/暂停(Alt+X)</title></svg>
</div>
<script>
var gc = ` 十里芳菲次第开
        AI：作曲
        AI：作词
        AI：演唱
        LRC歌词编辑：梦江南
        繁花落尽扫尘埃
        过往悲欢不必猜
        阅尽人间多少事
        心向暖阳自开怀
        半世尘缘半释怀
        尤待余生清风来
        闲看庭前花次第
        流云漫过旧楼台
        不必叹世事多无奈
        莫被那愁绪来掩埋
        岁岁都有春光在
        风月皆为我铺开
        清风款款入襟怀
        十里芳菲次第开
        放下千般纠结事
        人间喜乐任我裁
        清风款款入襟怀
        月色温柔照眉黛
        且把流年轻安放
        一路欢歌向将来
        淡看聚散与成败
        俗世纷扰不萦怀
        煮茶静听松涛响
        山河风月共相陪
        半世尘缘半释怀
        尤待余生清风来
        抛却烦忧千万缕
        且随明月共悠哉
        不必叹世事多无奈
        莫被那愁绪来掩埋
        岁岁都有春光在
        风月皆为我铺开
        清风款款入襟怀
        十里芳菲次第开
        放下千般纠结事
        人间喜乐任我裁
        清风款款入襟怀
        月色温柔照眉黛
        且把流年轻安放
        一路欢歌向将来
        半世尘缘半释怀
        尤待余生清风来

`;
var options = {
    pa: '.pa',
    urls: [['https://upfile.mp3.wf/view.php/8ce427a7e2f302d497ee6301ac8bb4f6.mp3', '十里芳菲次第开']],
    btns: ,
};
loadJs('https://638183.freep.cn/638183/web/api/audioplayer.min.js', 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);
    var dr = _dr(msvg);
    dr.g('g1').set('class', 'rotate');
    .forEach(y => {
      var c = Math.random().toString(16).substring(2, 8);
      dr.circle(0, y, 10, `#${c}`).addTo('g1').rotates(10);
    });
    setTimeout(function(){
      LRC(aud.pa, aud.aud, gc, 0.5);
    },400);
}
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>

玫瑰 发表于 2026-9-4 13:43

精美的画面，精彩分享{:4_204:}

玫瑰 发表于 2026-9-4 13:49

特效好美

玫瑰 发表于 2026-9-4 13:49

赏心悦目

玫瑰 发表于 2026-9-4 13:49

唯美的画面

玫瑰 发表于 2026-9-4 13:50

美乐欣赏

梦江南 发表于 2026-9-4 14:08

玫瑰 发表于 2026-9-4 13:43
精美的画面，精彩分享

玫瑰下午好{:4_187:}

梦江南 发表于 2026-9-4 14:09

玫瑰 发表于 2026-9-4 13:49
特效好美

午睡刚起来{:4_204:}

梦江南 发表于 2026-9-4 14:10

玫瑰 发表于 2026-9-4 13:49
赏心悦目

玫瑰没午睡{:4_190:}

梦江南 发表于 2026-9-4 14:10

玫瑰 发表于 2026-9-4 13:49
唯美的画面

谢谢欣赏{:4_191:}

梦江南 发表于 2026-9-4 14:11

玫瑰 发表于 2026-9-4 13:50
美乐欣赏

音乐是AI做的{:4_180:}

杨帆 发表于 2026-9-4 15:31

好听好看，制作漂亮，谢谢江南精彩分享{:4_204:}

梦江南 发表于 2026-9-4 16:02

杨帆 发表于 2026-9-4 15:31
好听好看，制作漂亮，谢谢江南精彩分享

问好杨帆，谢谢分享支持。下午好！{:4_204:}

夕阳黄昏 发表于 2026-9-4 16:31

欣赏美帖！ 大赞！

梦江南 发表于 2026-9-4 17:16

夕阳黄昏 发表于 2026-9-4 16:31
欣赏美帖！ 大赞！

问好黄昏老师，谢谢欣赏支持，秋安！{:4_204:}

梦油 发表于 2026-9-4 19:57

欣赏美图好曲，问好梦江南。

梦江南 发表于 2026-9-4 20:08

梦油 发表于 2026-9-4 19:57
欣赏美图好曲，问好梦江南。

晚上好，谢谢梦油欣赏支持，祝秋安！{:4_204:}

红影 发表于 2026-9-4 20:33

好美的紫色花海，太美了，欣赏江南好帖{:4_199:}

霜染枫丹 发表于 2026-9-4 22:33

赏心悦目的好贴，为您点赞！祝梦江南制作愉快！{:4_204:}{:4_190:}

玫瑰 发表于 2026-9-5 10:22

好美的画面{:4_204:}
页: [1] 2
查看完整版本: 十里芳菲次第开（学习套用黑黑 异象 播放器效果）