H5音画在线制作：改编潇湘翁音画《雨巷佳人》

彩云归

请点此全屏显示“H5音画在线制作：改编潇湘翁音画《雨巷佳人》”代码

彩云归

利用《H5音画在线制作》工具，直接用视频作音画背景。鼠标右键，选“查看网页源代码”，可以看到该音画的代码。

汉风

跟着老师长知识了！

彩云归

代码tz.lrc(tz.lrc2HC(gc), '', true).style('top:500px;font-size:2.6em; --border: 0');说明：true彩色跳动歌词，false单色变色歌词。歌词位置距离顶部top:500px,（距离左边left: xxxpx）字体大小：font-size:2.6em，无边框：--border: 0

黑土恋

精彩教材！深受启发。向彩云归老师学习！黑土恋还有很多要学的东西。

山水人家

彩云归 发表于 2026-1-30 16:17
利用《H5音画在线制作》工具，直接用视频作音画背景。鼠标右键，选“查看网页源代码”，可以看到该音画的代 ...

非常漂亮，您的网页源代码已收藏，认真学习，谢谢老师分享了。晚上问好！

彩云归

继续补充歌词参数：竖版writing-mode: vertical-lr;注意各参数之间用;分割。

彩云归

山水人家 发表于 2026-1-30 17:38
非常漂亮，您的网页源代码已收藏，认真学习，谢谢老师分享了。晚上问好！

用模板代码，代入制作，比较方便。

黑土恋

问老师，歌词字大小在哪操作？font-size:2.6em填在哪？填到LRC歌词设置里是吗？

山水人家

彩云归 发表于 2026-1-30 17:48
用模板代码，代入制作，比较方便。

我今天的帖子，用您的模板代码，又制作了一下，真的漂亮，我要的就是这个效果。谢谢老师了，晚上问好！