大海音画 发表于 2018-12-23 20:49:41

制作歌词同步播放器：单曲一行歌词

本帖最后由 大海音画 于 2018-12-23 21:31 编辑 <br /><br />制作歌词同步播放器：单曲一行歌词<p align="center"><a href="http://dashan.gotoip1.com/zj/dqyhgc-zx.swf"
target="_blank">点击全屏观看</a></p><br><br><br>
<div style="left:-197px; width:1000px; position:relative; top:50px;">
<iframe marginwidth="0" marginheight="0"
src="http://dashan.gotoip1.com/zj/dqyhgc-zx.swf" frameborder="0" width="1000"
scrolling="no" height="500"></iframe></div>
<br><br><br><br><br><br><br><br>


大海音画 发表于 2018-12-23 21:31:51

本帖最后由 大海音画 于 2018-12-23 21:42 编辑



把歌词复制粘贴到制作工具里.....换上此歌词..




在水一方 - 邓丽君
词：琼瑶 曲：林家庆
回憶音画LRC制作
绿草苍苍
白雾茫茫
有位佳人
在水一方
绿草萋萋
白雾迷离
有位佳人
靠水而居
我愿逆流而上
依偎在她身旁
无奈前有险滩
道路又远又长
我愿顺流而下
找寻她的方向
却见依稀仿佛
她在水的中央
我愿逆流而上
与她轻言细语
无奈前有险滩
道路曲折无已
我愿顺流而下
找寻她的踪迹
却见仿佛依稀
她在水中伫立
绿草苍苍
白雾茫茫
有位佳人
在水一方

大海音画 发表于 2018-12-23 21:34:22

操作简要说明：

　　准备好要播放歌曲的网址和LRC歌词就可以开始制作了。

　　1、确定你的播放器的尺寸

　　　 建议使用音画其他部件，如图片、视频的尺寸作为播放器尺寸。默认播放器尺寸：880*550

　　2、输入或粘贴MP3网址

　　　 粘贴操作：先在外部将网址作“复制”，然后鼠标指向输入栏，按鼠标右键，选“全选”（仅在输入栏已有内容时），选“粘贴”。

　　　 一旦输入或粘贴MP3网址后，如网址有效，就开始播放。

　　　 “MP3备份网址”作用是当MP3网址（主网址）失效时，播放器启用MP3备份网址。这是可选项。如不需要备份网址，则跳过。

　　3、粘贴LRC歌词·

　　　 在外部“复制”好歌词后，粘贴到输入栏。粘贴后，即可在歌词位置显示同步歌词。

　　4、修改歌词显示参数·

　　 ．确定歌词显示方式：居中对齐（默认）；左对齐；右对齐。点击该栏中的“三角”按钮，依次确定歌词显示方式。

　　 ．确定歌词显示位置：鼠标指向当前歌词位置的空白处，按住鼠标左键，将歌词拖到你需要的位置后放开鼠标。

　　 ．确定歌词显示其他参数：初始表中均为参数默认值。修改后必须按“确定”。

　　5、复制代码

　　　 制作过程（其他参数确定后）同步更新生成代码。制作结束后，点击“复制”按钮，自动将生成代码复制到你的电脑的“粘贴板”了，可直接“粘贴”博文代码编辑栏。预览博文观察效果。

　　6、在博文中调整播放器的“相对定位”代码。

　　　 <DIV style="MARGIN-TOP: 0px; MARGIN-LEFT: 0px">......</DIV>这是“相对定位”代码。

　　 ．将播放器覆盖在图片、视频之上且播放器的尺寸与之相同，TOP: 0px中的0调整为-xx(负高度);LEFT: 0px中的0调整为xx（距离页面左边xx）

大海音画 发表于 2018-12-23 21:36:57

以上传好的mp3地址.....复制粘贴到制作工具里.....换上传好的mp3

http://wp.zp68.com/sub/filestores/2018/12/22/3d3cf78231aa9986330906f7ed94efea.mp3

大海音画 发表于 2018-12-23 21:43:37

本帖最后由 大海音画 于 2018-12-23 21:46 编辑

制作歌词同步播放器：单曲一行歌词代码如下

<div style="left:-197px; width:1000px; position:relative; top:50px;">
<iframe marginwidth="0" marginheight="0"
src="http://dashan.gotoip1.com/zj/dqyhgc-zx.swf" frameborder="0" width="1000"
scrolling="no" height="500"></iframe></div>
<br><br><br><br><br><br><br><br>


快樂※回憶 发表于 2018-12-23 22:32:17

非常感謝大海老師祥細講解，老師辛苦{:5_177:}{:5_196:}

快樂※回憶 发表于 2018-12-23 22:34:02

非常感謝大海老師祥細講解，老師辛苦{:5_177:}{:5_177:}

我也試下 感謝老師指教{:5_177:}{:5_196:}

炫舞 发表于 2018-12-24 06:45:26

很详细的教程帖，看着有点跃跃欲试了:lol

炫舞 发表于 2018-12-24 06:46:44

授人以鱼不如授人以渔，支持点赞{:5_196:}

快樂※回憶 发表于 2018-12-24 23:41:09

非常感謝大海 工具制作 好東西 謝無私貢獻{:5_196:}{:5_177:}
页: [1]
查看完整版本: 制作歌词同步播放器：单曲一行歌词