黑夜狂奔

马黑黑

HUACHAO LRC

马黑黑

<style> @import 'https://638183.freep.cn/638183/web/css/tz01.css'; #pa { --offsetX: 81px; --bg: url('https://638183.freep.cn/638183/t24/w5/night.webp') no-repeat center/cover; --ma-size: 15%; } #ma { left: 30px; top: 30px; background: url('https://638183.freep.cn/638183/small/2025/f1.webp') no-repeat center/cover; } #lrc { right: 20px; bottom: 20px; color: gray; } #lrc::before { background: url('https://638183.freep.cn/638183/small/2025/aa.webp'); background-clip: text; } #btnFs { right: 30px; top: 30px; color: #fff; } </style> <div id="pa"> <audio id="aud" src="https://music.163.com/song/media/outer/url?id=2723322998" autoplay loop></audio> <video class="qk-vid" src="https://bpic.588ku.com/video_listen/588ku_video/24/11/01/15/25/07/video672482533234e.mp4" autoplay loop muted></video> <div id="ma" class="grayscale"></div> <div id="lrc" data-lrc="HUACHAO LRC">HUACHAO LRC</div> </div> <script type="module"> import { FS } from 'https://638183.freep.cn/638183/web/js/fullscreen.js'; import lrc from 'https://638183.freep.cn/638183/web/lrc/yslrc-only.js'; var geci = ` [00:00.600]告五人 - 黑夜狂奔 [00:17.68]很多故事妈妈没有说 [00:23.49]以为结局都和童话相同 [00:29.25]赤脚在世界给的节奏 [00:34.93]才发现自己没有与众不同 [00:39.30]我还在思索 [00:45.27]我还在捉摸 [00:52.30]有人说人是善良的结构 [00:58.18]有人说人是邪恶的衣钵 [01:03.83]谁让我忘了好奇与探索 [01:09.62]谁让你记得生命有枷锁 [01:13.98]请让我思索 [01:19.90]让我能捉摸 [01:26.31]我整夜追逐梦中的银河 [01:32.13]害怕自己会忘了爱的模样 [01:37.87]长大的样子不应该充满沉默 [01:42.59]多希望时间能重头再也没有将就 [02:02.02]怕有天欲望战胜需求 [02:07.33]让需求转身熄灭了烟火 [02:13.16]当拥抱也变得非常奢求 [02:18.87]真心变成荆棘刺在心窝 [02:23.58]单纯是奢侈的一种 [02:29.11]我无法忍受 [02:35.71]我整夜追逐梦中的银河 [02:41.52]害怕自己会忘了爱的模样 [02:47.15]长大的样子不应该充满沉默 [02:52.03]多希望时间能重头再也没有将就 [02:58.88]我昼夜狂奔在梦的城市 [03:04.65]害怕自己会跟丢爱的模样 [03:10.49]后悔的棱角不应该划破隽永 [03:15.22]多希望时间能重头再也没有将就 [03:26.33]music ... ... [04:08.21]我整夜追逐梦中的声音 [04:13.98]害怕自己会忘了你的模样 [04:19.76]我们的样子是否能永远不变 [04:24.53]多希望时间能重头再也没有将就 [04:31.39]度过轮回千百遍来到你身边 [04:37.11]只为告诉你曾经的爱的模样 [04:42.88]请你记得我 这辈子和你说过 [04:47.55]“你是你自己的礼物你自己的光” [04:54.21]“你是你自己的礼物你自己的光” [05:00.07] -- Thanks -- `; FS(pa, ma); lrc(pa, geci, 0.5, 4); </script>

马黑黑

模块说明：


        原生LRC歌词之简单同步和亮色同步模块说明 - 马黑黑教程专版 - 花潮论坛 - Powered by Discuz!

马黑黑

第六行代码：

        使用图片做歌词同步着色，需要加上 background-clip: text; 属性设置，该属性很早以前就已经得到各主流浏览器的完美支持。

马黑黑

这首歌是经典的需要微调模块所需参数的第四个，处理各歌句演唱用时落差较大的均衡系数。虽然加入了此系数，仍然不能完美解决问题。

第三个参数时处理歌句整体开始演唱时间的偏移量。

第三、四个参数支持正负浮点数，依据歌曲编曲风格以及LRC歌词品质而定。

这两个参数都是可选参数，如非必要，可以不要，或都是 0。

梦江南

黑黑老师辛苦了！

杨帆

漂亮！谢谢马老师经典讲授与精彩示范

马黑黑

杨帆 发表于 2025-8-12 17:06
漂亮！谢谢马老师经典讲授与精彩示范

花飞飞

马黑黑 发表于 2025-8-12 12:39
第六行代码：

        使用图片做歌词同步着色，需要加上 background-clip: text; 属性设置，该属性很早 ...

这个背景被剪成文字的前景色，连续覆盖。。提醒的太及时了

花飞飞

马黑黑 发表于 2025-8-12 12:45
这首歌是经典的需要微调模块所需参数的第四个，处理各歌句演唱用时落差较大的均衡系数。虽然加入了此系数， ...

网上找的的原生歌词微调比较重要。。
根据之前的实践经验，有时候找半天找不着合适现成的，有这时间不如自己做一个更快
那就相对比较准了

花飞飞

歌名狂野，有意境。。黑夜里狂奔，有点玄幻 的感觉
歌曲特别，好听。。。
视频有围合，仿佛有巨大的能量在波动，在银河之下感觉震撼，人物独立于此
整个画面有强烈的视觉冲击感。。音画词视频完美融合

马黑黑

花飞飞 发表于 2025-8-12 20:20
歌名狂野，有意境。。黑夜里狂奔，有点玄幻 的感觉
歌曲特别，好听。。。
视频有围合，仿佛有巨大的能量 ...

矮油，一点点小心思全部读出来了

红影

又是讲解完就有实例呢，这个好，对理解讲解内容特别好。
这个实例里把四个参数都用上了呢，还使用了图片歌词背景，真好，把该注意的都在实例里演示了

马黑黑

花飞飞 发表于 2025-8-12 20:13
这个背景被剪成文字的前景色，连续覆盖。。提醒的太及时了

谢提

马黑黑

花飞飞 发表于 2025-8-12 20:15
网上找的的原生歌词微调比较重要。。
根据之前的实践经验，有时候找半天找不着合适现成的，有这时间不如 ...

是的

红影

这歌词还挺有内涵的，帖子的制作也很棒

马黑黑

红影 发表于 2025-8-12 20:59
又是讲解完就有实例呢，这个好，对理解讲解内容特别好。
这个实例里把四个参数都用上了呢，还使用了图片歌 ...

加班弄一下，歌词做得不好

马黑黑

红影 发表于 2025-8-12 21:05
这歌词还挺有内涵的，帖子的制作也很棒

帖子的设计是简单的

小辣椒

马黑黑 发表于 2025-8-12 12:45
这首歌是经典的需要微调模块所需参数的第四个，处理各歌句演唱用时落差较大的均衡系数。虽然加入了此系数， ...

还有这么多要注意事项

小辣椒

我都没有看懂，歌词上面的图片起什么作用，惨了，啥都不会了