马黑黑 发表于 2025-2-25 20:40

立春（多曲模块更新测试）

本帖最后由 马黑黑 于 2025-2-25 20:41 编辑 <br /><br /><style>
        @import 'https://638183.freep.cn/638183/web/mod/mp3splayer.css?v=1';
        #tz { margin: 30px 0 30px calc(50% - 583px); background: url('https://p5.itc.cn/q_70/images01/20220204/06e2c226672040a98ee12da0146b5735.jpeg') no-repeat center/cover; overflow: hidden; }
        #mplayer { --yy: -300px; background: rgba(0,125,125,.9); --color1: white; --color2: yellow; }
        #mplayer img { filter: invert(100%); }
        #fsbtn { bottom: 15px; color: white; }
</style>

<div id="tz" class="pa">
        <video class="vid" src="https://bpic.588ku.com/video_listen/588ku_video/23/09/15/20/08/23/video6504493752b28.mp4" autoplay loop muted></video>
</div>

<script type="module">
        import { hcplay } from 'https://638183.freep.cn/638183/web/mod/mp3splayer.js?v=1';
        var musics = [
                ['https://music.163.com/song/media/outer/url?id=2674303209','立春'],
                ['https://music.163.com/song/media/outer/url?id=2674303210','微风'],
                ['https://music.163.com/song/media/outer/url?id=2674302455','细雨'],
                ['https://music.163.com/song/media/outer/url?id=2674302457','绿意'],
                ['https://music.163.com/song/media/outer/url?id=2674302456','夜雨安澜'],
                ['https://music.163.com/song/media/outer/url?id=2674302458','花开'],
        ];
        hcplay(tz,null,musics);
</script>

马黑黑 发表于 2025-2-25 20:42

帖子代码：

<style>
        @import 'https://638183.freep.cn/638183/web/mod/mp3splayer.css?v=1';
        #tz { margin: 30px 0 30px calc(50% - 583px); background: url('https://p5.itc.cn/q_70/images01/20220204/06e2c226672040a98ee12da0146b5735.jpeg') no-repeat center/cover; overflow: hidden; }
        #mplayer { --yy: -300px; background: rgba(0,125,125,.9); --color1: white; --color2: yellow; }
        #mplayer img { filter: invert(100%); }
        #fsbtn { bottom: 15px; color: white; }
</style>

<div id="tz" class="pa">
        <video class="vid" src="https://bpic.588ku.com/video_listen/588ku_video/23/09/15/20/08/23/video6504493752b28.mp4" autoplay loop muted></video>
</div>

<script type="module">
        import { hcplay } from 'https://638183.freep.cn/638183/web/mod/mp3splayer.js?v=1';
        var musics = [
                ['https://music.163.com/song/media/outer/url?id=2674303209','立春'],
                ['https://music.163.com/song/media/outer/url?id=2674303210','微风'],
                ['https://music.163.com/song/media/outer/url?id=2674302455','细雨'],
                ['https://music.163.com/song/media/outer/url?id=2674302457','绿意'],
                ['https://music.163.com/song/media/outer/url?id=2674302456','夜雨安澜'],
                ['https://music.163.com/song/media/outer/url?id=2674302458','花开'],
        ];
        hcplay(tz,null,musics);
</script>

马黑黑 发表于 2025-2-25 20:43

模块的使用方法没有变化，是模块资源做了一些小调整

朵拉 发表于 2025-2-25 21:05

老师的新教程，学生慢慢学习中~~{:4_204:}

绿叶清舟 发表于 2025-2-25 21:09

这个音量控制的竖起来了

小辣椒 发表于 2025-2-25 21:20

这个竖列表，玩几首音乐的可以用{:4_199:}

小辣椒 发表于 2025-2-25 21:22

音量设置也是好玩{:4_189:}

杨帆 发表于 2025-2-25 21:54

新探索，新作品，新高度，谢谢马老师精彩分享{:4_191:}

马黑黑 发表于 2025-2-25 22:03

杨帆 发表于 2025-2-25 21:54
新探索，新作品，新高度，谢谢马老师精彩分享

改改一些细节而已

马黑黑 发表于 2025-2-25 22:04

小辣椒 发表于 2025-2-25 21:22
音量设置也是好玩

对，有一点点动画，模拟天线平时收起来用的时候竖起的样儿

马黑黑 发表于 2025-2-25 22:04

小辣椒 发表于 2025-2-25 21:20
这个竖列表，玩几首音乐的可以用

可以的

马黑黑 发表于 2025-2-25 22:04

朵拉 发表于 2025-2-25 21:05
老师的新教程，学生慢慢学习中~~

这个倒不算新的

马黑黑 发表于 2025-2-25 22:05

绿叶清舟 发表于 2025-2-25 21:09
这个音量控制的竖起来了

喝了高粱酒，站起来走一走{:4_170:}

红影 发表于 2025-2-25 22:07

这个背景和视频好美，很养眼的色调。漂亮{:4_199:}

杨帆 发表于 2025-2-25 22:08

马黑黑 发表于 2025-2-25 22:03
改改一些细节而已

呵呵，细节不“细”，细节决定成败呦{:4_190:}

马黑黑 发表于 2025-2-25 22:09

杨帆 发表于 2025-2-25 22:08
呵呵，细节不“细”，细节决定成败呦

{:4_191:}

马黑黑 发表于 2025-2-25 22:09

红影 发表于 2025-2-25 22:07
这个背景和视频好美，很养眼的色调。漂亮

关键是看一下天线

庶民 发表于 2025-2-26 08:14

欣赏。

马黑黑 发表于 2025-2-26 12:45

庶民 发表于 2025-2-26 08:14
欣赏。

{:4_190:}

梦江南 发表于 2025-2-26 17:01

代码看看简单，做起来就不容易了。老师辛苦了！{:4_190:}
页: [1] 2 3
查看完整版本: 立春（多曲模块更新测试）