香江之水音画网

标题: 制作歌词同步播放器：单曲一行歌词 [打印本页]

作者: 大海音画 时间: 2018-12-23 20:49
标题: 制作歌词同步播放器：单曲一行歌词
本帖最后由大海音画于 2018-12-23 21:31 编辑

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

作者: 大海音画 时间: 2018-12-23 21:31
本帖最后由大海音画于 2018-12-23 21:42 编辑

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

[ar:邓丽君]
[ti:在水一方]
[00:00.08]在水一方 - 邓丽君
[00:02.51]词：琼瑶曲：林家庆
[00:03.45]回憶音画LRC制作
[00:13.78]绿草苍苍
[00:20.27]白雾茫茫
[00:26.75]有位佳人
[00:33.13]在水一方
[00:39.74]绿草萋萋
[00:45.85]白雾迷离
[00:52.28]有位佳人
[00:58.48]靠水而居
[01:05.53]我愿逆流而上
[01:11.77]依偎在她身旁
[01:17.26]无奈前有险滩
[01:23.56]道路又远又长
[01:30.68]我愿顺流而下
[01:36.85]找寻她的方向
[01:42.41]却见依稀仿佛
[01:48.70]她在水的中央
[02:21.01]我愿逆流而上
[02:27.32]与她轻言细语
[02:32.81]无奈前有险滩
[02:39.18]道路曲折无已
[02:46.10]我愿顺流而下
[02:52.34]找寻她的踪迹
[02:57.83]却见仿佛依稀
[03:04.08]她在水中伫立
[03:10.75]绿草苍苍
[03:17.05]白雾茫茫
[03:23.54]有位佳人
[03:29.67]在水一方

作者: 大海音画 时间: 2018-12-23 21:34
操作简要说明：

　　准备好要播放歌曲的网址和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
以上传好的mp3地址.....复制粘贴到制作工具里.....换上传好的mp3

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

作者: 大海音画 时间: 2018-12-23 21:43
本帖最后由大海音画于 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
非常感謝大海老師祥細講解，老師辛苦

作者: 快樂※回憶 时间: 2018-12-23 22:34
非常感謝大海老師祥細講解，老師辛苦

我也試下感謝老師指教

作者: 炫舞 时间: 2018-12-24 06:45
很详细的教程帖，看着有点跃跃欲试了

作者: 炫舞 时间: 2018-12-24 06:46
授人以鱼不如授人以渔，支持点赞

作者: 快樂※回憶 时间: 2018-12-24 23:41
非常感謝大海工具制作好東西謝無私貢獻

欢迎光临香江之水音画网 (http://www.xiangjiangriverwater.com/)