【大海音画】制作代碼音乐播放器：单曲多行歌词竖版

大海音画 · 发表于 2018-12-26 17:35:11

本帖最后由大海音画于 2018-12-26 18:03 编辑

操作简要说明： 　　准备好要播放歌曲的网址和LRC歌词就可以开始制作了。　　1、确定你的播放器的尺寸　　　建议使用音画其他部件，如图片、视频的尺寸作为播放器尺寸。默认播放器尺寸：880*550 　　2、输入或粘贴MP3网址　　　粘贴操作：先在外部将网址作“复制”，然后鼠标指向输入栏，按鼠标右键，选“全选”，再选“粘贴”。　　　一旦输入或粘贴MP3网址后，如网址有效，就开始播放。　　　 “MP3备份网址”作用是当MP3网址（主网址）失效时，播放器启用MP3备份网址。这是可选项。如不需要备份网址，则跳过。　　3、粘贴LRC歌词　　　在外部“复制”好歌词后，粘贴到“LRC歌词输入栏”。粘贴后，即可在歌词位置显示同步歌词。　　4、修改歌词显示参数　　．确定歌词显示位置：如要改变默认位置，鼠标指向当前歌词位置的空白处，出现浅绿色方条后按住鼠标左键，将歌词拖到你需要的位置后放开鼠标。　　．确定歌词显示列数：默认9列。　　．确定列中歌词字距：默认2。不同字体其字距若不同，根据实际需要修改。　　．发光颜色亮度为0，不发光，“歌词发光颜色”参数无效。　　．确定歌词显示其他参数：初始表中均为参数默认值。　　修改歌词显示参数后必须按“确定”才有效。　　5、复制代码　　　制作过程（或“确定歌词显示其他参数”按“确定”后）同步更新生成代码。　　　代码（一）：所有参数都写在博客代码中。　　　制作结束后，点击生成代码（一）下面的“复制”按钮，自动将生成代码复制到你的电脑的“粘贴板”了，可直接“粘贴”博文代码编辑栏。预览博文观察效果。　　　代码（二）：所有参数都写gif文件中。　　　制作结束后，点击生成代码（二）下面的“复制”按钮，自动将生成的博客代码和gif文件内容复制到你的电脑的“粘贴板”了，可直接“粘贴”电脑的“记事本”。然后将博客代码和gif文件内容分离，上传gif文件得到网址后，将网址替换博客代码中的”XXX.gif“，最后将博客代码粘贴到博文代码编辑栏。预览博文观察效果。　　　建议使用”代码（二）“方法，代码简洁，且适用各种浏览器。　　6、在博文中调整播放器的“相对定位”代码。　　　

......

这是“相对定位”代码。　　．TOP: Xpx，离上一元素底部的距离。LEFT: Xpx，离博文页面左边的距离。

大海無邊 · 发表于 2018-12-26 21:16:23

问好！拜读大海音画細腻分享

大海無邊 · 发表于 2018-12-26 21:17:52

大师风格，语众不同，谢带美味盛宴

大海無邊 · 发表于 2018-12-26 21:19:04

有時间试下，

上官玉儿 · 发表于 2018-12-26 23:14:45

讲解祥細，欣赏學習

炫舞 · 发表于 2018-12-27 17:35:32

喜欢翻唱的朋友可以用

炫舞 · 发表于 2018-12-27 17:35:40

收集整理辛苦，感谢精彩分享

依恋月影 · 发表于 2018-12-27 20:19:29

收集整理辛苦，感谢精彩分享

依恋月影 · 发表于 2018-12-27 20:19:42

讲解祥細，欣赏學習

依恋月影 · 发表于 2018-12-27 20:20:08

语众不同，谢带美味盛宴

【大海音画】制作代碼音乐播放器 ：单曲多行歌词竖版

评分

【大海音画】制作代碼音乐播放器：单曲多行歌词竖版