html第三课歌词同步音画代码.docx

html第三课歌词同步音画代码.docx

《html第三课歌词同步音画代码.docx》由会员分享，可在线阅读，更多相关《html第三课歌词同步音画代码.docx（23页珍藏版）》请在冰豆网上搜索。

html第三课歌词同步音画代码

HTML第三课：

歌词同步音画代码

画儿编写

　　画儿向来喜欢歌词同步音画，今天我们来共同学习这个内容。

见效果：

荷花颂

　　一、《荷花颂》音画贴代码解析：

　　1、主题图片部分（蓝色部分代码），这里选用了一张1000*650的图片，在图片参数width和height上要对应填写（width（宽）="1000"height（高）="650"）。

　　2、歌词同步时间标签和音乐地址（红色部分代码），歌词同步时间标签用中括号表示，

　　例：

[02:

]

　　02表示分钟，11表示秒，10表示时间微调，意义不大。

歌词同步时间表示当前歌词在音乐中开始的时间。

　　另外，前面部分参数：

代码ti表示标题，ar表示歌手，al表示专辑。

by表示作者等等。

　　LRC文件可以到专门的LRC搜索网站查找，如：

也可以XX查找，或使用千千静听播放某首歌曲的时候千千静听自动到他服务器上搜索。

　　歌词同步时间标签也可以自己用千千静听播放，然后在歌词上记录时间，再填写到时间标签上，自己做比较好，时间可以做到比较标准。

由于歌曲版本不同或歌唱者不同，同步时间有差异，自己做就更有必要。

none>

[ti:

荷花颂]

[ar:

童丽]

[al:

对话Ⅱ古筝与童丽的故事]

[offset:

0]

[by:

☆画儿☆音画☆☆]

[by:

noni99]

[offset:

500]

[00:

]专辑：

对话Ⅱ古筝与童丽的故事

[00:

]童丽-荷花颂

[00:

]作词：

作曲：

甘肃民歌

[00:

]☆画儿☆音画☆☆

[00:

]--------

[02:

][00:

]万里无云好晴天

[02:

][00:

]啊……

[02:

][00:

]看那荷花在水面

[02:

][02:

][00:

][00:

]啊…

[02:

][02:

][00:

][00:

]千万朵花儿数着它好

[02:

][02:

][00:

][00:

]人人见了心喜欢

[02:

][01:

]--

[02:

][01:

]荷花朵朵放光彩

[02:

][01:

]啊……

[02:

][01:

]薄雾青纱头上戴

[03:

][03:

][01:

][01:

]那啊…

[03:

][03:

][01:

][01:

]微风轻轻迎面吹来

[03:

][03:

][01:

][01:

]荷花点头笑颜开

[03:

][01:

]----

蓝天高绿水长

荷花朝太阳

风吹千里香

青山含笑碧波荡漾

看那荷花正开放

[04:

] 

[04:

] 

3、以下为显示歌词脚本的代码：

4、flash语言：

红色部分

650px;POSITION:

absolute;TOP:

0px"align=rightsrc= （flash地址）width=400height=300type=application/octet-stream;quality="high"wmode="transparent">

50px;POSITION:

absolute;TOP:

150px"align=rightsrc=（flash地址）width=600height=300type=application/octet-stream;quality="high"wmode="transparent">

400px;POSITION:

absolute;TOP:

350px"align=rightsrc=（flash地址） width=400height=320type=application/octet-stream;quality="high"wmode="transparent">

5、结尾