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

霓虹甜心

<style>
        @import 'https://638183.freep.cn/638183/web/mod/mp3player_lrc_v1.css?v=1.0';
        #tz { margin: 30px 0 30px calc(50% - 593px); background: url('https://638183.freep.cn/638183/t24/webp3/nhtx.webp') no-repeat center/cover; }
        #mplayer { width: 640px; bottom: 10px; background: none; box-shadow: none; color: snow; }
        #mplayer img { filter: invert(.8); }
        #fsbtn { top: 20px; border-color: snow; color: snow; }
        #lrc { bottom: 50px; }
</style>

<div id="tz" class="pa">
        <audio src="https://music.163.com/song/media/outer/url?id=1324880066"></audio>
        <video class="vid" src="https://bpic.588ku.com/video_listen/588ku_video/25/02/24/16/53/46/video67bc339add3ba.mp4" autoplay loop muted></video>
</div>

<script type="module">
        import { hcplay } from 'https://638183.freep.cn/638183/web/mod/mp3player_lrc_v1.js?v=1.0';
        var gc = [,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,];
        hcplay(tz, null, gc);
</script>

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

帖子代码

<style>
        @import 'https://638183.freep.cn/638183/web/mod/mp3player_lrc_v1.css?v=1.0';
        #tz { margin: 30px 0 30px calc(50% - 593px); background: url('https://638183.freep.cn/638183/t24/webp3/nhtx.webp') no-repeat center/cover; }
        #mplayer { width: 640px; bottom: 10px; background: none; box-shadow: none; color: snow; }
        #mplayer img { filter: invert(.8); }
        #fsbtn { top: 20px; border-color: snow; color: snow; }
        #lrc { bottom: 50px; }
</style>

<div id="tz" class="pa">
        <audio src="https://music.163.com/song/media/outer/url?id=1324880066"></audio>
        <video class="vid" src="https://bpic.588ku.com/video_listen/588ku_video/25/02/24/16/53/46/video67bc339add3ba.mp4" autoplay loop muted></video>
</div>

<script type="module">
        import { hcplay } from 'https://638183.freep.cn/638183/web/mod/mp3player_lrc_v1.js?v=1.0';
        var gc = [,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,];
        hcplay(tz, null, gc);
</script>

梦江南 发表于 2025-2-26 16:45

动感十足，让人振奋！{:4_199:}

朵拉 发表于 2025-2-26 17:35

这背景炫丽，欣赏学习了{:4_204:}

花飞飞 发表于 2025-2-26 18:53

这个播放品无边框，细线条适合所有作品。。
看到音量除了竖起来之外，显示的样式又做了更新，按时针旋转显示或者消失。。更自然。。这个小播放器是越来越完善了。。

花飞飞 发表于 2025-2-26 18:56

最帅的就是在播放器完全隐藏的情况下，只欣赏时画面也可以
用键盘控制暂停，播放，静音，及音量大小
上班摸鱼听音乐更方便控制了。。{:4_173:}

花飞飞 发表于 2025-2-26 18:58

音乐好听，节奏感强，刚听了一下，原来是男声。。
歌词深情，有感染力。。
画面炫酷，色彩艳丽，动人。。也迷人。。{:4_173:}

红影 发表于 2025-2-26 19:10

这样的背景和视频的组合真是天作之合，这个太美了{:4_187:}

红影 发表于 2025-2-26 19:11

不断发散的光影，也让人在听歌的时候沉醉了{:4_199:}

马黑黑 发表于 2025-2-26 19:31

红影 发表于 2025-2-26 19:11
不断发散的光影，也让人在听歌的时候沉醉了

视频确实非常好

马黑黑 发表于 2025-2-26 19:32

梦江南 发表于 2025-2-26 16:45
动感十足，让人振奋！

{:4_190:}

马黑黑 发表于 2025-2-26 19:33

朵拉 发表于 2025-2-26 17:35
这背景炫丽，欣赏学习了

{:4_190:}

马黑黑 发表于 2025-2-26 19:33

花飞飞 发表于 2025-2-26 18:53
这个播放品无边框，细线条适合所有作品。。
看到音量除了竖起来之外，显示的样式又做了更新，按时针旋转显 ...

折叠天线这是{:4_170:}

马黑黑 发表于 2025-2-26 19:34

花飞飞 发表于 2025-2-26 18:56
最帅的就是在播放器完全隐藏的情况下，只欣赏时画面也可以
用键盘控制暂停，播放，静音，及音量大小
上班 ...

{:4_172:}

你可能没有注意到，这个模块不用在引入全屏模块

马黑黑 发表于 2025-2-26 19:35

花飞飞 发表于 2025-2-26 18:58
音乐好听，节奏感强，刚听了一下，原来是男声。。
歌词深情，有感染力。。
画面炫酷，色彩艳丽，动人。。 ...

这个是马赛克，不是你那个周深

马黑黑 发表于 2025-2-26 19:36

红影 发表于 2025-2-26 19:10
这样的背景和视频的组合真是天作之合，这个太美了
美是一个字，你说了辣么多{:4_170:}

绿叶清舟 发表于 2025-2-26 20:01

这个歌词怎么前后都有时间的啊

马黑黑 发表于 2025-2-26 20:04

绿叶清舟 发表于 2025-2-26 20:01
这个歌词怎么前后都有时间的啊

你是指代码里的歌词吧？这是花朝格式的LRC歌词

杨帆 发表于 2025-2-26 20:50

更漂亮了！谢谢马老师精彩分享{:4_191:}

马黑黑 发表于 2025-2-26 21:03

杨帆 发表于 2025-2-26 20:50
更漂亮了！谢谢马老师精彩分享

{:4_190:}
页: [1] 2
查看完整版本: 霓虹甜心