小辣椒 发表于 2023-7-24 20:55

一生离不开的是你 （学习黑黑封装罗刹海市效果）

<style>
#mydiv { margin: 150px 0 0 calc(50% - 780px); width: 1376px; height: 769px; background: url('https://wj.zp68.com/lxx/yunhua/2023/07/24/001.gif') no-repeat center/cover; box-shadow: 3px 3px 20px #000; position: relative; z-index: 1; }
</style>

<div id="mydiv"></div>
<audio id="aud" src="https://wj.zp68.com/lxx/yunhua/2023/07/24/clip.mp3" autoplay loop></audio>

<!-- -->
<script>
(function() {
    let script = document.createElement('script');
    script.src = 'https://wj.zp68.com/lxx/yunhua/2023/07/24/circle_css.js';
    document.head.appendChild(script);
   let lrcAr = [
                ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
       
];
    window.onload = () => {
      HCPlayer({
            papa: '#mydiv',
            lrcAr: lrcAr,
            lrc_css: 'left: 650px; top: 80px; color: lightyellow; --bg: linear-gradient(rgba(253,245,23,.75),rgba(253,245,23,.75));',
            player_css: 'left: 1120px; top: 550px; --track: rgba(255,250,250,.8); --prog: rgba(253,245,23,.8); --color: rgba(253,245,23,.7);',
      });
    }
})();
</script>
<br><br><br><br>

小辣椒 发表于 2023-7-24 20:59

@马黑黑

黑黑你看看有没有错误，我发现打开帖播放器音乐出来的，按钮对不对？JS重新上传了

小辣椒 发表于 2023-7-24 21:00

这个图昨天做的，一面做一面在笑的，我是按这歌词意思做的图，发现人物素材找不好，最后出现的是姐弟恋了{:4_172:}

马黑黑 发表于 2023-7-24 21:13

姐弟恋现在流行{:4_170:}

小辣椒 发表于 2023-7-24 21:14

马黑黑 发表于 2023-7-24 21:13
姐弟恋现在流行

昨天笑S了，最后出来太像姐弟恋了

马黑黑 发表于 2023-7-24 21:15

小辣椒 发表于 2023-7-24 21:14
昨天笑S了，最后出来太像姐弟恋了

挺好挺好，符合歌词主题

小辣椒 发表于 2023-7-24 21:17

马黑黑 发表于 2023-7-24 21:15
挺好挺好，符合歌词主题

但我发现播放器按钮出来不对，是不是慢一拍？我电脑源码预览也是这样

马黑黑 发表于 2023-7-24 21:22

小辣椒 发表于 2023-7-24 21:17
但我发现播放器按钮出来不对，是不是慢一拍？我电脑源码预览也是这样

是慢一步的，这是 window.onload 工作机制。论坛使用追加方式加载 JS，只能等页面准备就绪才能运行 window.onload 代码块里的内容。你若发独立页面，不用 window.onload，这么做就好，同步出现的：

<script src="js文档地址"></script>

<script>
//其他代码 ：不要 script 那三行代码
HCPlayer({
    //插件配置代码
});
</script>

小辣椒 发表于 2023-7-24 21:25

马黑黑 发表于 2023-7-24 21:22
是慢一步的，这是 window.onload 工作机制。论坛使用追加方式加载 JS，只能等页面准备就绪才能运行 windo ...

我感觉是加JS封装出来会慢一拍的，刚才去问了朋友都说是这样

小辣椒 发表于 2023-7-24 21:26

小辣椒 发表于 2023-7-24 21:25
我感觉是加JS封装出来会慢一拍的，刚才去问了朋友都说是这样

双插件？那和前面光盘一样的代码？

马黑黑 发表于 2023-7-24 21:35

小辣椒 发表于 2023-7-24 21:25
我感觉是加JS封装出来会慢一拍的，刚才去问了朋友都说是这样

你换我跟你说的方式应该不会

小辣椒 发表于 2023-7-24 21:38

马黑黑 发表于 2023-7-24 21:35
你换我跟你说的方式应该不会
黑黑，刚发朋友圈手机可以欣赏，出来速度不慢，手机手动播放

红影 发表于 2023-7-24 22:14

好漂亮的画面，亲爱的学得真快{:4_199:}

小辣椒 发表于 2023-7-25 00:15

红影 发表于 2023-7-24 22:14
好漂亮的画面，亲爱的学得真快

亲爱的，这个是直接套用，方便的，电脑网速慢会感觉慢，手机出来可以的速度很快。手机要手动播放

花飞飞 发表于 2023-7-25 08:51

封装效果出来了，我落课了{:4_187:}小辣椒的动画超级流畅，十分自然{:4_187:}

风中飞尘 发表于 2023-7-25 09:22

这个帖子 有问题   鼠标放在播放器按钮上面文字出现乱码 {:5_102:}

一斛珠 发表于 2023-7-25 09:41

漂亮的作品，赞一个。

红影 发表于 2023-7-25 20:31

小辣椒 发表于 2023-7-25 00:15
亲爱的，这个是直接套用，方便的，电脑网速慢会感觉慢，手机出来可以的速度很快。手机要手动播放

亲爱的那么晚还在啊，不是要好好休息的么{:4_173:}

小辣椒 发表于 2023-7-27 20:41

花飞飞 发表于 2023-7-25 08:51
封装效果出来了，我落课了小辣椒的动画超级流畅，十分自然

飞飞这个是套用，不用动脑子的

小辣椒 发表于 2023-7-27 20:44

风中飞尘 发表于 2023-7-25 09:22
这个帖子 有问题   鼠标放在播放器按钮上面文字出现乱码

你每次JS制作的播放器电脑都这样，手机就可以了，所以我那天特意做了同类的播放器，不是JS的播放器发你那了，你没有看见啊?我是几天没有上来，才看见你这个回帖
页: [1] 2
查看完整版本: 一生离不开的是你 （学习黑黑封装罗刹海市效果）