马黑黑 发表于 2024-12-18 19:38

惊涛落日

<style>
        @import 'https://638183.freep.cn/638183/web/css/audlrc.css';
        #tz { --state: running; margin: 30px 0 30px calc(50% - 593px); background: url('https://638183.freep.cn/638183/t24/webp3/jtlr.webp') no-repeat center/cover; }
        #mplayer { right: 20px; bottom: 10px; mix-blend-mode: lighten; --svgtrack: #ccc; --svgprog: #fefefe; --svgopacity: .45; }
        #fsbtn { left: 25px; bottom: 20px; }
</style>

<div id="tz" class="pa">
        <audio src="https://music.163.com/song/media/outer/url?id=1919111557"></audio>
        <video id="vid" class="vid" src="https://bpic.588ku.com/video_listen/588ku_video/22/11/03/01/44/58/video6362ac9a580bb.mp4" autoplay loop muted></video>
        <div id="fsbtn" class="fsbtn"></div>
</div>

<script type="module">
        import { hcplay } from 'https://638183.freep.cn/638183/web/mod/circle_lrc.js';
        import fscreen from 'https://638183.freep.cn/638183/web/mod/fscreen.js';
        hcplay(tz);
        fscreen.fs(tz, fsbtn);
</script>

马黑黑 发表于 2024-12-18 19:40

<h2>帖子代码</h3>
<div id="hEdiv"><pre id="hEpre">
&lt;style&gt;
        @import 'https://638183.freep.cn/638183/web/css/audlrc.css';
        #tz { --state: running; margin: 30px 0 30px calc(50% - 593px); background: url('https://638183.freep.cn/638183/t24/webp3/jtlr.webp') no-repeat center/cover; }
        #mplayer { right: 20px; bottom: 10px; mix-blend-mode: lighten; --svgtrack: #ccc; --svgprog: #fefefe; --svgopacity: .45; }
        #fsbtn { left: 25px; bottom: 20px; }
&lt;/style&gt;

&lt;div id="tz" class="pa"&gt;
        &lt;audio src="https://music.163.com/song/media/outer/url?id=1919111557"&gt;&lt;/audio&gt;
        &lt;video id="vid" class="vid" src="https://bpic.588ku.com/video_listen/588ku_video/22/11/03/01/44/58/video6362ac9a580bb.mp4" autoplay loop muted&gt;&lt;/video&gt;
        &lt;div id="fsbtn" class="fsbtn"&gt;&lt;/div&gt;
&lt;/div&gt;

&lt;script type="module"&gt;
        import { hcplay } from 'https://638183.freep.cn/638183/web/mod/circle_lrc.js';
        import fscreen from 'https://638183.freep.cn/638183/web/mod/fscreen.js';
        hcplay(tz);
        fscreen.fs(tz, fsbtn);
&lt;/script&gt;
</pre></div>

<script type="module">
import hlight from 'https://638183.freep.cn/638183/web/mod/helight.js';
hlight.hl(hEdiv, hEpre);
</script>

红影 发表于 2024-12-18 20:26

很雄壮的音乐，1分钟多的鼓声，令人心情激荡。
图图也有趣，两把不同颜色的宝剑即将出鞘，再加上背景视频，很有气势的制作{:4_199:}

红影 发表于 2024-12-18 20:36

代码简洁，效果却很震撼，说明封装很到位呢{:4_199:}

马黑黑 发表于 2024-12-18 20:53

红影 发表于 2024-12-18 20:36
代码简洁，效果却很震撼，说明封装很到位呢

果酱果酱，来片面包

马黑黑 发表于 2024-12-18 20:55

红影 发表于 2024-12-18 20:26
很雄壮的音乐，1分钟多的鼓声，令人心情激荡。
图图也有趣，两把不同颜色的宝剑即将出鞘，再加上背景视频 ...

这是电影《金刀出鞘》里的曲子

绿叶清舟 发表于 2024-12-18 21:34

喜欢这样的音乐，以为二把刀插背上的了

红影 发表于 2024-12-18 22:28

马黑黑 发表于 2024-12-18 20:53
果酱果酱，来片面包

哈哈，还挺齐全{:4_173:}

红影 发表于 2024-12-18 22:28

马黑黑 发表于 2024-12-18 20:55
这是电影《金刀出鞘》里的曲子

特别适合这背景呢{:4_187:}

花飞飞 发表于 2024-12-18 22:39

经典红绿天选之色重出江湖。。
双剑合壁，还带魂环，一看持剑者就是武林至尊。。。。{:4_173:}

花飞飞 发表于 2024-12-18 22:41

刚跟贴时发现，这个视频封进去太好了，做贴的时候调得不满意要倒回来时，直接默认值就可以了{:4_170:}
超级顺手。。

花飞飞 发表于 2024-12-18 22:43

音乐好听，节奏感强，
不过昨天还参禅呢，今天就开战了。。
白老师这风格变得出乎意料，丰富多彩{:4_173:}

小文 发表于 2024-12-19 08:42

欣赏！

樵歌 发表于 2024-12-19 08:55

这音乐气势磅礴，这个人物气吞山河！杀杀杀！！！

梦江南 发表于 2024-12-19 09:16

气壮山河，震撼！

马黑黑 发表于 2024-12-19 12:53

梦江南 发表于 2024-12-19 09:16
气壮山河，震撼！

{:4_190:}

马黑黑 发表于 2024-12-19 12:54

樵歌 发表于 2024-12-19 08:55
这音乐气势磅礴，这个人物气吞山河！杀杀杀！！！

电影看得很过瘾的

马黑黑 发表于 2024-12-19 12:54

小文 发表于 2024-12-19 08:42
欣赏！

{:4_191:}

马黑黑 发表于 2024-12-19 12:54

绿叶清舟 发表于 2024-12-18 21:34
喜欢这样的音乐，以为二把刀插背上的了

{:4_172:}

马黑黑 发表于 2024-12-19 12:54

红影 发表于 2024-12-18 22:28
特别适合这背景呢

还好
页: [1] 2 3 4 5
查看完整版本: 惊涛落日