醉美水芙蓉 发表于 2023-11-5 21:16:29

There is only you in my heart

<style>
#papa {
      margin: 150px 0 0 calc(50% - 881px);
      width: 1600px;
      height: 866px;
      background: url('https://i.mp3.wf/view.php/6546c15a23a7466f374928aec477e0fb.jpg') no-repeat center/cover;
      box-shadow: 3px 3px 20px #000;
      overflow: hidden;
      z-index: 1;
      position: relative;
      display: grid;
      place-items: center;
}

#vid1 {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
    mix-blend-mode: screen;
    z-index: 2;
    opacity: .95;

}
</style>

<div id="papa">

<video id="vid1" src="https://img-baofun.zhhainiao.com/pcwallpaper_ugc/preview/d6e1f6fe1f4295f13db30247234574ce_preview.mp4" autoplay="" loop="" muted="">
</div>
<audio id="aud" src="https://i.mp3.wf/view.php/72ecd1f447dfb4ccf3ed708310a7066d.mp3" autoplay loop></audio>

<script>
(function() {
      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();
      };

      let rippleJs = 'https://638183.freep.cn/638183/web/svg/ripple-min.js',
                playerJs = 'https://638183.freep.cn/638183/web/api/svg_path_lrc.js';
      let lrcAr = [
            ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
];
      loadJs(rippleJs, () => rippleEffect(papa));
      
      loadJs(playerJs, () => {
                HCPlayer({
                        papa: '#papa',
                        lrcAr: lrcAr,
                        lrc_css: ' left: 30%; top:90%;color:Honeydew; --bg: linear-gradient(rgba(0,128,128,.4),rgba(0,128,128,.7));',
                        fs_css: 'top: -1000px; background: transparent;',
                        player_css: `
                              width: 512px;
                              height: 512px;
                              right: -180px;
                              bottom: 200px;
                              background: url('') -5px 1px,
                        `,
                        path: 'm289,327.00001l-267.36919,-31.8324l249.15199,93.3324l-213.94839,-148.4733l164.16559,193.49744l-103.1968,-225.33599l35.1968,241.81184l35.1968,-241.81184l-103.1968,225.33599l164.16559,-193.49744l-213.94839,148.4733l249.15199,-93.3324l-267.36919,31.8324l267.36919,31.8324l-249.15199,-93.3324l213.94839,148.4733l-164.16559,-193.49744l103.1968,225.33599l-35.1968,-241.81184l-35.1968,241.81184l103.1968,-225.33599l-164.16559,193.49744l213.94839,-148.4733l-249.15199,93.3324l267.36919,-31.8324z',
                        btn: {left: 55, top: 170},
                        track: {track: 'green', prog: 'yellow'},
                        img: {play: 'https://xlaj.cn/assets/file/zp/20231008131321.png', pause: 'https://xlaj.cn/assets/file/zp/20231008131301.png'}
                });
      });
})();
</script>

夏艳妍 发表于 2024-1-8 20:44:19

这个作品漂亮！！！！

活跃概况 发表于 2024-1-28 21:44:45

这个作品漂亮！！！！

332 发表于 2024-2-3 20:06:26

这个作品漂亮！！！！

顶不顶个球 发表于 2024-2-9 21:25:05

这个作品漂亮！！！！
页: [1]
查看完整版本: There is only you in my heart