小辣椒 发表于 2023-10-12 20:19

再发突然的自我DJ版 (没有裁剪的 )


<meta charset="UTF-8">
<style>
#papa { margin: 120px 0 0 calc(50% - 593px); width: 1024px; height: 640px; background: url('https://pic.imgdb.cn/item/652779f3c458853aefbd6b69.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; }
#papa::before {position: absolute; content: url('https://i.mp3.wf/view.php/97eba1695b507db530f53c093510bcf4.gif ');left: 20%;top: -10px; mix-blend-mode: screen; }
</style>

<div id="papa">
      <audio id="aud" src="https://aod.cos.tx.xmcdn.com/storages/0265-audiofreehighqps/BD/C3/GKwRIJEI9zTAACAAAAJnej8g.m4a" 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: 'left: 58%;top: 85%; --bg: linear-gradient(rgba(200,10,20,.15),rgba(200,10,20,.7)); color: #fff;',
                        fs_css: 'transform: translatetop: 20%; left: 66%; background: transparent;',
                        player_css: 'left: 60%; width: 200px; height: 60px; top: 80px;',
                        path: 'M10 45 a5 5 0 0 1 5 -5 h170 a5 5 0 0 1 5 5 v5 a5 5 0 0 1 -5 5 h-170 a5 5 0 0 1 -5 -5 v-5',
                        btn: {left: 34, top: 0},
                        track: {track: 'olive', prog: 'snow'},
                        img: {play: '', pause: ''}
                });
      });

      loadJs(js2, () => {
                H5lz({
                        papa: '#papa',
                        total: 7,
                        size: {width: 60, height: 60},
                        shape: {background: 'url("https://pic.imgdb.cn/item/64b2b91f1ddac507ccc4c6ae.gif") no-repeat center/cover', borderRadius: '0'},
                        ani: 'toTop',
                        maxTime: 30,
                        offset: {x: 0, y: 0},
                });
      });
})();

</script>

小辣椒 发表于 2023-10-12 20:20

@马黑黑 黑黑学习套用一个路径播放器

小辣椒 发表于 2023-10-12 20:20

@冬天的雨

小辣椒 发表于 2023-10-12 20:20

@红影

小辣椒 发表于 2023-10-12 20:21

@亦是金

小辣椒 发表于 2023-10-12 20:21

{:4_170:}{:4_189:}{:4_196:}{:4_205:}{:4_172:}

千羽 发表于 2023-10-12 20:26

看图的第一眼 就忍不住地笑……{:4_173:}

千羽 发表于 2023-10-12 20:28

那个小人儿太可爱了,小辣椒学习帖的创意太好了{:4_187:}

千羽 发表于 2023-10-12 20:29

音乐也很提神{:4_208:}

小辣椒 发表于 2023-10-12 20:31

千羽 发表于 2023-10-12 20:26
看图的第一眼 就忍不住地笑……

千羽,这个歌曲是我前面发了的,只是前面发的时候我裁剪了前面的几句,冬雨有意见了{:4_170:}今天不裁剪的重新发上来

小辣椒 发表于 2023-10-12 20:31

千羽 发表于 2023-10-12 20:28
那个小人儿太可爱了,小辣椒学习帖的创意太好了

就是开心玩玩的{:4_173:}

小辣椒 发表于 2023-10-12 20:32

千羽 发表于 2023-10-12 20:29
音乐也很提神

DJ、就这样的,节奏感特别强

千羽 发表于 2023-10-12 20:34

小辣椒的学习帖好创意,好制作,太棒了,流连中……{:4_187:}

千羽 发表于 2023-10-12 20:36

小辣椒 发表于 2023-10-12 20:31
就是开心玩玩的

让人开心的作品,喜欢{:4_181:}

小辣椒 发表于 2023-10-12 20:36

千羽 发表于 2023-10-12 20:34
小辣椒的学习帖好创意,好制作,太棒了,流连中……

千羽过奖了,这个是大家想听我没有裁剪的版本做的

小辣椒 发表于 2023-10-12 20:37

千羽 发表于 2023-10-12 20:36
让人开心的作品,喜欢

就是开心开心的啊{:4_173:}

千羽 发表于 2023-10-12 20:38

小辣椒 发表于 2023-10-12 20:36
千羽过奖了,这个是大家想听我没有裁剪的版本做的

嗯,不裁剪的完整版更好{:4_187:}

小辣椒 发表于 2023-10-12 20:39

千羽 发表于 2023-10-12 20:38
嗯,不裁剪的完整版更好
就前面几句冬雨说好听,不让我裁剪,哈哈

红影 发表于 2023-10-12 20:41

“嫂子带你们摇起来”,原来就这句啊{:4_173:}

马黑黑 发表于 2023-10-12 20:41

千羽 发表于 2023-10-12 20:26
看图的第一眼 就忍不住地笑……

{:4_196:}
页: [1] 2 3 4 5
查看完整版本: 再发突然的自我DJ版 (没有裁剪的 )