醉美水芙蓉 发表于 2023-9-14 20:31

桑杰才让 - 心上人

本帖最后由 醉美水芙蓉 于 2023-9-14 21:16 编辑 <br /><br /> <style>
#mydiv { margin: 0 0 0 calc(50% - 593px); display: grid; place-items: center; width: 1024px; height: 640px; box-shadow: 0 0 12px gray; background: url('https://www.yiyuen.com/e/file/view/627790') no-repeat center/cover; overflow: hidden; z-index: 1; position: relative; --state: running; }
</style>

<div id="mydiv"></div>
<audio id="aud" src="https://i.mp3.wf/view.php/21fa8e9b64346bd0fa0603e1479fe66b.mp3" loop autoplay></audio>

<script>

let js1 = 'https://638183.freep.cn/638183/web/api/tube_lrc.js', js2 = 'https://638183.freep.cn/638183/web/lizi/h5lz_02.js';

let loadJs = (url,callback) => {
      let body = document.querySelector('body'), jsNode = document.createElement('script');
      jsNode.charset = 'utf-8';
      jsNode.setAttribute('src', url);
      body.appendChild(jsNode);
      jsNode.onload = () => callback();
};

loadJs(js1, () => {
      let geci = [
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
       
];
      HCPlayer({
                papa: '#mydiv',
                lrcAr: geci,
                lrc_css: `
                        top: 20px;
                        color: silver;
                        --bg: linear-gradient(rgba(10,100,100,.4),rgba(10,100,100,.7));
                `,
                player_css: `
                        bottom: 10px;
                        opacity: .95;
                        --track: silver;
                        --prog: red;
                        --color: silver;
                        --bg: conic-gradient(tan,blue,green,pink,lightblue);
                `,
      });
});

loadJs(js2, () => {
      H5lz({
                papa: '#mydiv',
                total: 180,
                size: {width:10, height: 10},
                shape: {background: '', borderRadius: '20%'},
                maxTime: 24,
                offset: {x: 0, y: 0},
                ani: 'c2Out',
                css: 'opacity: .8;',
      });
});

</script>

小辣椒 发表于 2023-9-14 20:40

好在刚才看了黑黑的教程说明，打开这里还真看不见粒子了，我F5刷新出来了{:4_199:}

小辣椒 发表于 2023-9-14 20:41

水芙蓉速度的，一下子完成作业了{:4_187:}

小辣椒 发表于 2023-9-14 20:42

欣赏精彩的制作{:4_199:}

千羽 发表于 2023-9-14 20:53

进来就感受到了热烈的氛围，好美的画面，芙蓉的制作太美了，必须点赞送花花{:4_199:}{:4_187:}

醉美水芙蓉 发表于 2023-9-14 21:17

小辣椒 发表于 2023-9-14 20:40
好在刚才看了黑黑的教程说明，打开这里还真看不见粒子了，我F5刷新出来了

谢谢小辣椒欣赏支持！

醉美水芙蓉 发表于 2023-9-14 21:17

千羽 发表于 2023-9-14 20:53
进来就感受到了热烈的氛围，好美的画面，芙蓉的制作太美了，必须点赞送花花

谢谢千羽美女支持！

红影 发表于 2023-9-14 22:46

这个制作好漂亮，改变粒子的形状，还加了歌词。给水芙蓉美女点赞{:4_199:}
页: [1]
查看完整版本: 桑杰才让 - 心上人