打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
音画组件制作(3)播放器:单曲一行歌词逐字变色
由于LRC歌词是逐句同步,因此歌词逐字变色只能形似,不能完全同步。
操作简要说明:
准备好要播放歌曲的网址和LRC歌词就可以开始制作了。
1、确定你的播放器的尺寸
建议使用音画其他部件,如图片、视频的尺寸作为播放器尺寸。默认播放器尺寸:880*550
2、输入或粘贴MP3网址
粘贴操作:先在外部将网址作“复制”,然后鼠标指向输入栏,按鼠标右键,选“全选”,再选“粘贴”。
一旦输入或粘贴MP3网址后,如网址有效,就开始播放。
“MP3备份网址”作用是当MP3网址(主网址)失效时,播放器启用MP3备份网址。这是可选项。如不需要备份网址,则跳过。
3、粘贴LRC歌词·
在外部“复制”好歌词后,粘贴到“LRC歌词输入栏”。粘贴后,即可在歌词位置显示同步歌词。
4、修改歌词显示参数·
.确定歌词显示方式:居中对齐(默认);左对齐;右对齐。点击该栏中的“三角”按钮,依次确定歌词显示方式。
.确定歌词显示位置:鼠标指向当前歌词位置的空白处,按住鼠标左键,将歌词拖到你需要的位置后放开鼠标。
.确定歌词显示其他参数:初始表中均为参数默认值。修改后必须按“确定”。
5、复制代码
制作过程(或“确定歌词显示其他参数”按“确定”后)同步更新生成代码。
代码(一):所有参数都写在博客代码中。
制作结束后,点击生成代码(一)下面的“复制”按钮,自动将生成代码复制到你的电脑的“粘贴板”了,可直接“粘贴”博文代码编辑栏。预览博文观察效果。
代码(二):所有参数都写gif文件中。
制作结束后,点击生成代码(二)下面的“复制”按钮,自动将生成的博客代码和gif文件内容复制到你的电脑的“粘贴板”了,可直接“粘贴”电脑的“记事本”。然后将博客代码和gif文件内容分离,上传gif文件得到网址后,将网址替换博客代码中的”XXX.gif“,最后将博客代码粘贴到博文代码编辑栏。预览博文观察效果。
建议使用”代码(二)“方法,代码简洁,且适用各种浏览器。
6、在博文中调整播放器的“相对定位”代码。
<DIV style="MARGIN-TOP: 0px; MARGIN-LEFT: 0px">......</DIV>这是“相对定位”代码。
.TOP: Xpx,离上一元素底部的距离。LEFT: Xpx,离博文页面左边的距离。
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
FLASH实例-简易音乐播放器
音画组件制作(18)播放器:单曲整版简洁歌词横版
制作最简MP3播放器(歌词滚动变色)
多功能MP3播放器制作
自制迷你播放器代码生成器
音画组件制作(5)播放器:单曲多行歌词竖版
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服