小辣椒 发表于 2023-9-28 23:29

五星红旗--祝福祖国74周年华诞

本帖最后由 小辣椒 于 2023-10-1 22:27 编辑 <br /><br /><style>
#papa { margin: 150px 0 0 calc(50% - 781px); width: 1400px; height: 700px; background: url('https://xlaj.cn/assets/file/zp/20230928225011.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; }
#sky { position: absolute; width: 100%; height: 20%; top: 0; left: 0; }

#dt1{ position: absolute; width: 150px; height: 180px; top: 140px; left: 40px; }
#dt2{ position: absolute; width: 150px; height: 180px; top: 120px; left: 280px; }
#dt3{ position: absolute; width: 499px; height: 356px; top: 50px; left: 850px; }
#dt4{ position: absolute; width: 150px; height: 180px; top: 50px; left: 100px; }

#ship { position: absolute; width: 100%; height: 120%;object-fit: cover; pointer-events: none;z-index: 2; opacity: 0.3; }

</style>

<div id="papa">
<img id="dt1" src="https://xlaj.cn/assets/file/zp/20230928225044.gif" alt="" />
<img id="dt2" src="https://xlaj.cn/assets/file/zp/20230928225044.gif" alt="" />
<img id="dt3" src="https://xlaj.cn/assets/file/zp/20230928225105.jpg" alt="" />
<img id="dt4" src="https://xlaj.cn/assets/file/zp/20230928225044.gif" alt="" />

<video id="ship" src="https://img.tukuppt.com/video_show/2269348/00/02/39/5b5de4f167c06.mp4" autoplay="" loop="" muted="" bd_landing_video_statistic_record_key="1"></video>

      <div id="sky"></div>
       <audio id="aud" src="https://xlaj.cn/assets/file/zp/20230929093716.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: 20px;color: Yellow; --bg: linear-gradient(rgba(255,0,0,.4),rgba(255,0,0,.7));',
                        fs_css: 'color: #eee; background: transparent;',
                        player_css: 'width: 240px; height: 240px; top: 10px;',
                        path: 'm8.99999,94.26882l84.79706,0l26.20295,-83.26881l26.20296,83.26881l84.79705,0l-68.60214,51.46237l26.2043,83.26881l-68.60217,-51.46377l-68.60215,51.46377l26.20431,-83.26881l-68.60216,-51.46237z',
                        btn: {left: 54, top: 100},
                        track: {track: 'Yellow', prog: 'red'},
                        img: {
                              play: 'https://638183.freep.cn/638183/web/svg/play_red.svg',
                              pause: 'https://638183.freep.cn/638183/web/svg/pause_red.svg'
                        }
                });
      });

      loadJs(js2, () => {
                H5lz({
                        papa: '#sky',
                        total: 10,
                        size: {width: 36, height: 32},
                        shape: {background: 'url("https://638183.freep.cn/638183/web/svg/birdmoon.svg") no-repeat center/cover', borderRadius: '0'},
                        ani: 'toLeft',
                        maxTime: 30,
                        offset: {x: 0, y: 0},
                });
      });
})();

</script><br>五角星路径播放器<br>

小辣椒 发表于 2023-9-28 23:31

祝福祖国74周年华诞，也是祝祖国更加繁荣昌盛，越来越强大！

liumang 发表于 2023-9-29 08:57

漂亮的路径五角星播放器

{:5_128:}

liumang 发表于 2023-9-29 08:58

热烈祝贺我们伟大祖国74周年华诞！

liumang 发表于 2023-9-29 08:58

{:5_116:}

liumang 发表于 2023-9-29 08:59

必须亮起来

bgmnet 发表于 2023-9-29 10:09

音乐播放不了。。。。{:5_119:}

小辣椒 发表于 2023-10-1 11:36

bgmnet 发表于 2023-9-29 10:09
音乐播放不了。。。。

rp问题:lol

bgmnet 发表于 2023-10-1 12:26

小辣椒 发表于 2023-10-1 11:36
rp问题

{:5_156:} 开始的音乐地址 就是不能播放 :curse:

小辣椒 发表于 2023-10-1 21:42

bgmnet 发表于 2023-10-1 12:26
开始的音乐地址 就是不能播放

我没有换音乐链接的;P
页: [1] 2
查看完整版本: 五星红旗--祝福祖国74周年华诞