小辣椒 发表于 2025-2-25 19:41

辫子哥哥翻唱专辑（学习黑黑--宇宙基地 播放器效果）


<style>
        @import 'https://638183.freep.cn/638183/web/mod/mp3splayer.css';
        #tz { margin: 140px 0 30px calc(50% - 721px); width: 1280px;height: 720px;background: url('https://wj.zp68.com/lxx/yunhua/20190808/bj.jpg') no-repeat center/cover; overflow: hidden; }
        #mplayer { --yy: -280px; --color1: snow; --color2: Orange; background: #346b91; top: 400px;}
        #mplayer img { filter: invert(100%); }
        #fsbtn {bottom: 40px; color: white;
</style>
<div id="tz" class="pa">
        <video class="vid" src="https://video-qn.51miz.com/preview/video/00/00/12/73/V-127381-16780BDC.mp4" autoplay loop muted></video>
</div>
<script type="module">
        import { hcplay } from 'https://638183.freep.cn/638183/web/mod/mp3splayer.js';
        var musics = [
                ['https://wj.zp68.com/lxx/yunhua/20200311/yy/03.mp3','梨花飞情人泪'],
                ['https://wj.zp68.com/lxx/yunhua/20200311/yy/09.mp3 ','爱情这杯酒谁喝都得醉'],
                ['https://wj.zp68.com/lxx/yunhua/20190808/yy/06.mp3','一曲红尘'],
                ['https://wj.zp68.com/lxx/yunhua/20190808/yy/02.mp3','又见山里红'],
                ['https://wj.zp68.com/lxx/yunhua/20190808/yy/03.mp3','想妹妹'],
                ['https://wj.zp68.com/lxx/yunhua/20190808/yy/01.mp3','2002年的第一场雪'],
                ['https://wj.zp68.com/lxx/yunhua/20190808/yy/04.mp3','心痛2011'],
                ['https://wj.zp68.com/lxx/yunhua/20190808/yy/05.mp3','这么好的妹子见不上个面'],
                ['https://wj.zp68.com/lxx/yunhua/20190808/yy/07.mp3','灰姑娘'],
                ['https://wj.zp68.com/lxx/yunhua/20190808/yy/08.mp3','山谷里的思念'],
                ['https://wj.zp68.com/lxx/yunhua/20190808/yy/10.mp3','爱情伤了你爱情害了我'],
                ['https://wj.zp68.com/lxx/yunhua/20190808/yy/09.mp3','你的灵魂']               
               
        ];
        hcplay(tz,null,musics);
</script>

小辣椒 发表于 2025-2-25 19:43

昨天晚上做的，睡的有点迟，主要音乐连接现成的，就找个图，套用也是很方便的，一气呵成了

@马黑黑

小辣椒 发表于 2025-2-25 19:46

图图中间加了个人物，把播放器拉了一点下来，因为想播放器和画面同色系，改了播放器版面颜色，其他也是没有怎么动，就直接套用玩了，其实这个比较简单的，对播放器小辣椒还是比较喜欢玩的{:4_170:}

小辣椒 发表于 2025-2-25 19:47

@辫子哥哥

虽然以前做过不少辫子哥哥的歌曲了，今天再炫耀一次{:4_170:}

起个网名好难 发表于 2025-2-25 20:04

https://5b0988e595225.cdn.sohucs.com/images/20190627/2fcecd89550b4c1cb36ee7bff90ab110.gif

红影 发表于 2025-2-25 20:28

辫子哥哥唱了这么多歌呢，这个帖子好，里面的翻唱都是原创呢{:4_199:}

红影 发表于 2025-2-25 20:30

亲爱的制作背景漂亮，歌曲列表的底色也调得特别强，太赞了{:4_199:}

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

起个网名好难 发表于 2025-2-25 20:04

难难速度的，晚上好~~~谢谢欣赏{:4_187:}

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

红影 发表于 2025-2-25 20:28
辫子哥哥唱了这么多歌呢，这个帖子好，里面的翻唱都是原创呢

亲爱的，主要现成的连接，就用上了，都是以前用过的{:4_189:}

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

红影 发表于 2025-2-25 20:30
亲爱的制作背景漂亮，歌曲列表的底色也调得特别强，太赞了

这个多曲播放器我以后可以做专辑，非常的漂亮，我很喜欢的

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

哇塞！好美的帖子！
辫子哥哥唱功不错

小文 发表于 2025-2-25 20:48

厉害！{:4_187:}

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

这辫子哥哥唱这么多歌，我要好好听一听{:4_204:}

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

这制作 相当精彩，欣赏学习了{:4_204:}

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

马黑黑 发表于 2025-2-25 20:47
哇塞！好美的帖子！
辫子哥哥唱功不错

是黑黑的源码漂亮哦，小辣椒只是套用了代码玩

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

朵拉 发表于 2025-2-25 21:01
这辫子哥哥唱这么多歌，我要好好听一听

朵拉晚上好，辫子哥哥翻唱是有许多，这些是前几年的，我用现成连接做个帖

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

朵拉 发表于 2025-2-25 21:02
这制作 相当精彩，欣赏学习了
小辣椒只是套用了黑黑的代码，朵拉一样可以做出来的

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

小文 发表于 2025-2-25 20:48
厉害！

问好小文，谢谢欣赏！

红影 发表于 2025-2-25 21:52

小辣椒 发表于 2025-2-25 20:39
亲爱的，主要现成的连接，就用上了，都是以前用过的

这个好，把辫子的歌曲收得这么全呢{:4_187:}

红影 发表于 2025-2-25 21:53

小辣椒 发表于 2025-2-25 20:40
这个多曲播放器我以后可以做专辑，非常的漂亮，我很喜欢的

是啊，这样的多曲以前好像只有fl才有吧，现在不但有而且漂亮{:4_187:}
页: [1] 2
查看完整版本: 辫子哥哥翻唱专辑（学习黑黑--宇宙基地 播放器效果）