宁静 发表于 2023-10-10 19:56

等你归来

<style>
#papa { margin:150px 0 0 calc(50% - 825px); width: 1490px; height: 647px; background: url('https://wj.zp68.com/lxx/yunhua/2023/09/26/01.gif') no-repeat center/cover; box-shadow: 4px 4px 8px black; overflow: hidden; display: grid; place-items: center; z-index: 1; position: relative; --state: running; }
#dt2{ position: absolute; width: 180px; height: 240px; top: 0px; left: 1280px; }
#dt3{ position: absolute; width: 180px; height: 240px; top: 50px; left: 1300px; }
#dt4{ position: absolute; width: 299px; height: 645px; top: 2px; left: 0px; }
</style>

<div id="papa">
<img id="dt2" src="https://wj.zp68.com/lxx/yunhua/2023/09/26/yezx.gif" alt="" />
<img id="dt3" src="https://wj.zp68.com/lxx/yunhua/2023/09/26/yezx.gif" alt="" />
<img id="dt4" src="https://wj.zp68.com/lxx/yunhua/2023/09/26/03.png" alt="" />
        <audio id="aud" src="https://wx.ttt.dj/data/nfs//mp3/dngl.mp3" autoplay loop></audio>
</div>

<script>
       
(function() {
        let lrcAr = [,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
       
];
        let js1 = 'https://638183.freep.cn/638183/web/api/svg_path_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: ' bottom: 30px;;left: 30%;',
                        fs_css: 'color: #eee; background: transparent;top: 64%;',
                        player_css: 'width: 200px; height: 120px;left: 80px; bottom: 10px;',
                        path: 'M100 5 Q-20 160 190 5 ',
                        btn: {left: 34, top: 80},
                        track: {track: '#fff', prog: '#185923'},
                        img: {
                                play: 'https://wj.zp68.com/lxx/yunhua/2023/09/26/tz.png',
                                pause: 'https://wj.zp68.com/lxx/yunhua/2023/09/26/dak.png'
                        }
                });
        });

        loadJs(js2, () => {
                H5lz({
                        papa: '#papa',
                        total: 20,
                        size: {width: 25, height: 45},
                        shape: {background: 'url("https://wj.zp68.com/lxx/yunhua/2023/09/26/yez4.png")', borderRadius: '0'},
                        ani: 'toLeft',
                        maxTime: 30,
                        offset: {x: 0, y: -100},
                });
        });
})();

</script>
<br><br><br>

宁静 发表于 2023-10-10 19:57

路径播放器效果

沉默 发表于 2023-10-10 20:12

发现这歌我好像听过{:9007:}

沉默 发表于 2023-10-10 20:13

耳熟的{:9001:}

蜻蜓 发表于 2023-10-10 20:44

程响的歌也挺好听的{:10_402:}那飘动的叶子也好玩

墨羽 发表于 2023-10-10 21:01

播放器进度条是个弧形轨道哦！{:9007:}

一抹微蓝 发表于 2023-10-10 21:10

这是我喜欢的一首歌呢，一直说唱还没唱呢，好听好看

非常开心 发表于 2023-10-11 06:01

老师制作的播放器漂亮

撒哈拉的雨 发表于 2023-10-11 14:36

东篱好声音，歌曲好听

撒哈拉的雨 发表于 2023-10-11 14:39

好听，好听，好听。。。。。。{:10_406:}
页: [1] 2
查看完整版本: 等你归来