焱鑫磊 发表于 2023-9-21 12:05

《你让我心动》陈思思

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

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<meta charset="utf-8">
   <style>
#papa { margin: 0 0 0 calc(50% - 593px); width: 1024px; height: 640px; background: url('https://pic.imgdb.cn/item/650bb790c458853aefa9e451.jpg') no-repeat center/cover; box-shadow: 4px 4px 8px black; overflow: hidden; display: grid; place-items: center; z-index: 1; position: relative; --state: running; }
#papa > img { border-radius: 50%; opacity: .05; }
</style>

<div id="papa">
        <img src="https://pic.imgdb.cn/item/650bb790c458853aefa9e451.jpg" alt="" />
        <audio id="aud" src="https://i.mp3.wf/view.php/55e348890b98bc1a12e75e119434902c.mp3" autoplay loop></audio>
</div>

<script>
       
(function() {

let lrcAr = [
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
       
];
        let js1 = 'https://638183.freep.cn/638183/web/api/curve_lrc.js', js2 = 'https://638183.freep.cn/638183/web/lizi/h5lz_2d.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, () => {
                HCPlayer({
                        papa: '#papa',
                        lrcAr: lrcAr,
                        lrc_css: 'top: 20px;',
                        fs_css: 'color: #ddd; background: transparent;',
                        player_css: `
                                bottom: 10px;
                                border-width: 0;
                                --track: lightgray;
                                --prog: lightgreen;
                        `,
                        dir: 0,
                });
        });

        loadJs(js2, () => {
                H5lz({
                        papa: '#papa',
                        total: 100,
                        size: {width: 15, height: 15},
                        shape: {background: '', borderRadius: ''},
                        ani: 'toLeft',
                        maxTime: 30,
                        offset: {x: 100, y: 100},
                });
        });
})();

</script>
<p>&nbsp;</p>

<p>&nbsp;</p>

世外桃源 发表于 2023-9-21 12:11

欣赏欣赏{:4_187:}

红影 发表于 2023-9-21 12:43

制作很漂亮。黑黑的最新效果呢。给焱鑫磊点赞{:4_199:}

红影 发表于 2023-9-21 12:50

这个代码一点都没变，最好根据自己帖子做点调整，比如播放时间就觉得有点看不出，最好调一下{:4_204:}

焱鑫磊 发表于 2023-9-21 13:02

世外桃源 发表于 2023-9-21 12:11
欣赏欣赏

问好 ！{:4_187:}

焱鑫磊 发表于 2023-9-21 13:04

红影 发表于 2023-9-21 12:50
这个代码一点都没变，最好根据自己帖子做点调整，比如播放时间就觉得有点看不出，最好调一下

红影：我看着不错，照搬代码留存。{:4_187:}

红影 发表于 2023-9-21 13:40

焱鑫磊 发表于 2023-9-21 13:04
红影：我看着不错，照搬代码留存。

饿呢，这个法子也不错，可以留下喜欢的代码了{:4_187:}
页: [1]
查看完整版本: 《你让我心动》陈思思