同步歌词（二）同步“歌词+图片+注释”

海特行者

[i=s] 本帖最后由 海特行者 于 2022-10-14 14:03 编辑 [/i]

同步歌词播放器 （二）同步“歌词+图片+注释”

 

       本集同步歌词的突出特点就是使图片与其同步。一声歌一幅画，从效果看就是切换图片，不同的是它是受时间轴控制的。既然在时间轴上能展示歌词文字，展示图片，当然也能展示其它文字，所以我把图片都加了花名，边听歌边赏花是个不错的享受。

 

       同步歌词代码：

＜div style="MARGIN-TOP: 0px; MARGIN-LEFT: 7px"＞
＜embed flashvars="mp3=http://music.163.com/song/media/outer/url?id=187968.mp3&Amp;mp3n=花心-周华健&Amp;mp3b=http://fs1.shtyle.fm/dynimg/fshr/53/25/54732115_gk603.mp3
&Amp;lrc=
[00:00.00]《花心》 #t#https://z3.ax1x.com/2021/09/08/hH4tSO.md.jpg
[00:10.30]演唱：周华健 #t#https://z3.ax1x.com/2021/09/08/hH5C9K.md.jpg
[00:20.30]花的心藏在蕊中 石竹 #t#https://z3.ax1x.com/2021/09/09/hq3mAx.jpg
[00:23.72]空把花期都错过 蝴蝶兰 #t#https://z3.ax1x.com/2021/09/09/hLBJ0K.jpg
[00:29.38]你的心忘了季节 荷包牡丹 #t#https://z3.ax1x.com/2021/09/09/hLyqq1.md.jpg
[00:32.99]从不轻易让人懂 铁线莲 #t#https://z3.ax1x.com/2021/09/09/hLfUSK.md.jpg
[00:38.77]为何不牵我的手 海棠花 #t#https://z3.ax1x.com/2021/09/09/hLfvm4.md.jpg
[00:42.32]共听日月唱首歌 樱花 #t#https://z3.ax1x.com/2021/09/09/hLhahq.md.jpg
[00:47.30]黑夜又白昼 风信子 #t#https://z3.ax1x.com/2021/09/09/hLh4gK.md.jpg
[00:49.77]黑夜又白昼 郁金香#t#https://z3.ax1x.com/2021/09/09/hL4mKU.md.jpg
[00:51.65]人生为欢有几何 贝母#t#https://z3.ax1x.com/2021/09/09/hOuijA.md.jpg
[00:56.88]春去春会来 秋水仙 #t#https://z3.ax1x.com/2021/09/09/hOuQjs.md.jpg
[01:01.42]花谢花会再开 菊花 #t#https://z3.ax1x.com/2021/09/09/hOuDD1.md.jpg
[01:05.77]只要你愿意 核桃花 #t#https://z3.ax1x.com/2021/09/09/hOBxsI.md.jpg
[01:08.20]只要你愿意 流苏 #t#https://z3.ax1x.com/2021/09/09/hOBaGQ.md.jpg
[01:10.19]让梦划向你心海 毛地黄 #t#https://z3.ax1x.com/2021/09/10/hjnHXj.md.jpg
[01:15.54]春去春会来 萱草 #t#https://z3.ax1x.com/2021/09/09/hOd1K0.md.jpg
[01:20.02]花谢花会再开 鸢尾 #t#https://z3.ax1x.com/2021/09/09/hOdLGj.md.jpg
[01:24.38]只要你愿意 连翘 #t#https://z3.ax1x.com/2021/09/09/hOwFJJ.md.jpg
[01:26.80]只要你愿意 芍药 #t#https://z3.ax1x.com/2021/09/09/hOwrSs.md.jpg
[01:28.73]让梦划向你心海 麦李 #t#https://z3.ax1x.com/2021/09/09/hOwzpd.md.jpg
[01:35.64] ☆☆☆☆☆☆☆☆紫槐花 #t#https://z3.ax1x.com/2021/09/09/hO069H.md.jpg
[02:11.53]花瓣泪飘落风中 罂粟 #t#https://z3.ax1x.com/2021/09/10/hjPXRI.md.jpg
[02:15.14]虽有悲意也从容 洋水仙#t#https://z3.ax1x.com/2021/09/09/hOBADx.md.jpg
[02:20.80]你的泪晶莹剔透 毛樱桃 #t#https://z3.ax1x.com/2021/09/10/hjM9m9.md.jpg
[02:24.53]心中一定还有梦 葵花 #t#https://z3.ax1x.com/2021/09/10/hjQUgO.md.jpg
[02:30.13]为何不牵我的手 美人 梅#t#https://z3.ax1x.com/2021/09/10/hjAZQI.md.jpg
[02:33.68]同看海天成一色 郁李 #t#https://z3.ax1x.com/2021/09/10/hjEucR.md.jpg
[02:38.72]潮起又潮落 紫荆 #t#https://z3.ax1x.com/2021/09/10/hjEzVK.md.jpg
[02:40.96]潮起又潮落 耧斗花 #t#https://z3.ax1x.com/2021/09/10/hjZuex.md.jpg
[02:43.01]送走人间许多愁 勋章菊 #t#https://z3.ax1x.com/2021/09/10/hjk6Z8.md.jpg
[02:48.17]春去春会来 玉兰花 #t#https://z3.ax1x.com/2021/09/10/hjFrEF.md.jpg
[02:52.84]花谢花会再开 睡莲#t#https://z3.ax1x.com/2021/09/10/hjkP8s.md.jpg
[02:57.32]只要你愿意 蝴蝶兰 #t#https://z3.ax1x.com/2021/09/09/hLBJ0K.jpg
[03:00.58]只要你愿意 荷包牡丹 #t#https://z3.ax1x.com/2021/09/09/hLyqq1.md.jpg
[03:02.45]让梦划向你心海 铁线莲 #t#https://z3.ax1x.com/2021/09/09/hLfUSK.md.jpg
[03:07.68]春去春会来 海棠花 #t#https://z3.ax1x.com/2021/09/09/hLfvm4.md.jpg
[03:12.22]花谢花会再开 樱花 #t#https://z3.ax1x.com/2021/09/09/hLhahq.md.jpg
[03:16.70]只要你愿意 风信子 #t#https://z3.ax1x.com/2021/09/09/hLh4gK.md.jpg
[03:18.94]只要你愿意 郁金香 #t#https://z3.ax1x.com/2021/09/09/hL4mKU.md.jpg
[03:20.99]让梦划向你心海 贝母#t#https://z3.ax1x.com/2021/09/09/hOuijA.md.jpg
[03:26.23]只要你愿意 秋水仙 #t#https://z3.ax1x.com/2021/09/09/hOuQjs.md.jpg
[03:28.47]只要你愿意 菊花 #t#https://z3.ax1x.com/2021/09/09/hOuDD1.md.jpg
[03:30.34]让梦划向你心海 核桃花 #t#https://z3.ax1x.com/2021/09/09/hOBxsI.md.jpg
[03:38.36] 芍药 #t#https://z3.ax1x.com/2021/09/09/hOwrSs.md.jpg
&Amp;gcct=1&Amp;gcys=ffc20e&Amp;gczh=40&Amp;gecix=-170&Amp;ge
ciy= 400" height="480" quality="high" src="http://dashan.link/zj/13dqgctptb.swf" type="application/x-shockwave-flash" width="700" wmode="transparent"＞＜/embed＞＜/div＞

 

       代码解析：

       同步展示的图片，其地址前需加 #t# 不用引号。

       图片名称文字要与歌词尽量远些，最好靠画面右下方。给图片名称文字定位的最简便方法就是使用空格键，不同于一般情况下只点击一次有效，这里无次数限制，次次有效，可以任意控制文字间距。

 

林林五

欣赏欣赏！赞！

老梦缘

谢谢老师精彩内容!问好！

真真

学习，听歌，谢谢老师！

山水人家

谢谢老师指导，早上好。

廖若晨星

欣赏海特行者老师同步歌词

彩云归

歌、词、图同步，示例有特色：一句歌词一图（花）+花名。