焱鑫磊 发表于 2023-9-19 12:13

《爱情一阵风》林翠萍

本帖最后由 焱鑫磊 于 2023-9-19 12:13 编辑 <br /><br /><p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<meta charset="utf-8">
   <style>
#mydiv { margin: 0 0 0 calc(50% - 673px); display: grid; place-items: center; width: 1200px; height: 775px; box-shadow: 0 0 12px gray; background: url('https://pic.imgdb.cn/item/6509116c204c2e34d3d399ff.gif') 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/f380fda29aad14948e956ac9cd5ba5cc.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>


<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

红影 发表于 2023-9-19 14:28

图片轮转和黑黑的代码相结合，很漂亮的制作。欣赏焱鑫磊好帖{:4_199:}

焱鑫磊 发表于 2023-9-19 16:35

红影 发表于 2023-9-19 14:28
图片轮转和黑黑的代码相结合，很漂亮的制作。欣赏焱鑫磊好帖
红影：这是我PS制作的GIF图片。很像轮转效果。{:4_204:}

千羽 发表于 2023-9-19 19:18

焱鑫磊的背景单图做得如此精彩，好美啊，点赞送花花{:4_187:}

红影 发表于 2023-9-19 21:23

焱鑫磊 发表于 2023-9-19 16:35
红影：这是我PS制作的GIF图片。很像轮转效果。

哦，原来不是图片轮转。只是这样的动图很文件很大呢。

焱鑫磊 发表于 2023-9-19 21:24

千羽 发表于 2023-9-19 19:18
焱鑫磊的背景单图做得如此精彩，好美啊，点赞送花花

向千羽学习！{:4_187:}

冬天的雨 发表于 2023-9-19 21:52

欣赏好制作{:4_187:}

焱鑫磊 发表于 2023-9-19 22:10

冬天的雨 发表于 2023-9-19 21:52
欣赏好制作

问好！{:4_187:}

世外桃源 发表于 2023-9-20 10:43

欣赏欣赏{:4_199:}

焱鑫磊 发表于 2023-9-20 11:03

世外桃源 发表于 2023-9-20 10:43
欣赏欣赏

问好！{:4_187:}
页: [1]
查看完整版本: 《爱情一阵风》林翠萍