小辣椒 发表于 2023-9-10 14:07

航天人之歌（学习黑黑H5粒子插件 + 播放器插件）

<style>
#mydiv { margin: 150px 0 0 calc(50% - 781px); display: grid; place-items: center; width: 1400px; height: 765px; border: 1px solid gray; background: url('https://xlaj.cn/assets/file/zp/20230910135911.gif') no-repeat center/cover; overflow: hidden; z-index: 1; position: relative; --state: running; }
</style>

<div id="mydiv"></div>
<audio id="aud" src="https://yinyue1111.s3-us-east-1.ossfiles.com/htrzg.mp3" crossorigin="anonymous" loop autoplay></audio>

<script>

(function() {

let appends = [];

let loadJs = (pa,src) => {
        let script = document.createElement('script');
        script.charset = 'utf-8';
        script.src = src;
        pa.appendChild(script);
        appends.push(script);
}

loadJs(document.body,'https://638183.freep.cn/638183/web/api/xyanklet_lrc.js');
loadJs(document.body,'https://638183.freep.cn/638183/web/lizi/h5lz_01.js');

appends.onload = () => {
        let geci = [,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ]


        HCPlayer({
                papa: '#mydiv',
                lrcAr: geci,
                lrc_css: 'top: 80px;left: 280px;',
                fs_css: 'bottom: 70px; --bg: Orange;',
                player_css: `
                        bottom: 40px;
                        color: white;
                        --btnBg: url('https://xlaj.cn/assets/file/zp/20230910032650.png') no-repeat center/cover;
                        --ww: 50%; --hh: 140px;
                        --track: lightgreen; --prog: purple;
                `,
        pinpu: {size: 2, gap: 0, color1: 'blue', color2: ''},
        });
};

appends.onload = () => {
        H5lz({
                papa: '#mydiv',
                total: 6,
                size: {width: 200, height: 104},
                shape: {background: 'url("https://wj.zp68.com/lxx/yunhua/2022/10/10/jjj.png")', borderRadius: '0'},
                maxTime: 24,
                offset: {x: 00, y: -300},
                ani: 'toLeft',
        });
};

})();

</script>

小辣椒 发表于 2023-9-10 14:08

@马黑黑

谢谢黑黑的教程，套用做一个

红影 发表于 2023-9-10 14:19

这么多飞机，这个帖子太雄壮霸气了，给亲爱的点赞{:4_199:}

红影 发表于 2023-9-10 14:21

全屏更壮观，这个帖子太提气了{:4_187:}

小辣椒 发表于 2023-9-10 14:26

红影 发表于 2023-9-10 14:19
这么多飞机，这个帖子太雄壮霸气了，给亲爱的点赞

亲爱的，这个是歼击机{:4_170:}

小辣椒 发表于 2023-9-10 14:28

红影 发表于 2023-9-10 14:21
全屏更壮观，这个帖子太提气了

以前玩过的旧图，再次利用一下，只是想上去几架飞机，可以做一个黑黑的效果

小辣椒 发表于 2023-9-10 14:30

红影 发表于 2023-9-10 14:21
全屏更壮观，这个帖子太提气了

是的，全屏欣赏其实也是黑黑分享教程中的一个亮点，使效果更加全面的展现出来

亚伦影音工作室 发表于 2023-9-10 15:40

厉害了我的国，厉害了辣椒，台湾解放指日可待！

马黑黑 发表于 2023-9-10 15:58

效果完美

醉美水芙蓉 发表于 2023-9-10 16:44

小辣椒 发表于 2023-9-10 18:12

亚伦影音工作室 发表于 2023-9-10 15:40
厉害了我的国，厉害了辣椒，台湾解放指日可待！

哈哈，就是的{:4_173:}

小辣椒 发表于 2023-9-10 18:14

马黑黑 发表于 2023-9-10 15:58
效果完美

主要黑黑的源码分享教程一看就明白了，我也是套用的

小辣椒 发表于 2023-9-10 18:15

醉美水芙蓉 发表于 2023-9-10 16:44
小辣椒想象力丰富！做得效果漂亮！

谢谢水芙蓉欣赏，我也是匆匆忙忙的，还没有仔细的去看看你们的作业

亦是金 发表于 2023-9-10 18:18

画面宏大，提气。好帖子！{:4_187:}

小辣椒 发表于 2023-9-10 18:23

亦是金 发表于 2023-9-10 18:18
画面宏大，提气。好帖子！

谢谢前辈欣赏{:4_187:}

千羽 发表于 2023-9-10 19:45

威武雄壮啊，正能量满满哒，{:4_187:}

千羽 发表于 2023-9-10 19:46

本帖最后由 千羽 于 2023-9-10 19:50 编辑

哈哈，这多的歼击机是去打小日本的吗{:4_173:}

千羽 发表于 2023-9-10 19:49

小辣椒把几种元素运用的恰到好处，提正气，饱眼福，棒棒哒{:4_185:}

红影 发表于 2023-9-10 20:03

小辣椒 发表于 2023-9-10 14:26
亲爱的，这个是歼击机

这么多，这气势太厉害了{:4_173:}

红影 发表于 2023-9-10 20:04

小辣椒 发表于 2023-9-10 14:28
以前玩过的旧图，再次利用一下，只是想上去几架飞机，可以做一个黑黑的效果

感觉没见过这个图图呢，用在这里很棒的{:4_187:}
页: [1] 2
查看完整版本: 航天人之歌（学习黑黑H5粒子插件 + 播放器插件）