HTML 第三课 歌词同步音画代码.docVIP

HTML 第三课：歌词同步音画代码 画儿编写 　　画儿向来喜欢歌词同步音画，今天我们来共同学习这个内容。见效果： ? 荷花颂 　　一、《荷花颂》音画贴代码解析： 　　1、主题图片部分（蓝色部分代码），这里选用了一张1000*650的图片，在图片参数width和height上要对应填写（width（宽）=1000 height（高）=650）。 htmlheadTITLE荷花颂/TITLEMETA. HTTP-EQUIV=Content-Type CONTENT=text/html; charset=gb2312/headbody LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0stylev\:*{behavior.:url(#default#VML)}v\:textpath{font-family:宋体;font-size:16px;v-text-align:left}/styleTABLE WIDTH=1000 BORDER=0 CELLPADDING=0 CELLSPACING=0?TR??TD???IMG SRC=/attachments/2009/07/29/4812_200907292312131.jpg（图片地址） WIDTH=1000 HEIGHT=650 ALT=/TD?/TR??/TABLE 　　2、歌词同步时间标签和音乐地址（红色部分代码），歌词同步时间标签用中括号表示，　　例：[02:11.10]　　02表示分钟，11表示秒，10表示时间微调，意义不大。歌词同步时间表示当前歌词在音乐中开始的时间。　　另外，前面部分参数：代码ti表示标题，ar表示歌手，al表示专辑。by表示作者等等。　　LRC文件可以到专门的LRC搜索网站查找，如：也可以百度查找，或使用千千静听播放某首歌曲的时候千千静听自动到他服务器上搜索。　　歌词同步时间标签也可以自己用千千静听播放，然后在歌词上记录时间，再填写到时间标签上，自己做比较好，时间可以做到比较标准。由于歌曲版本不同或歌唱者不同，同步时间有差异，自己做就更有必要。xmp id=xLyric style=display:none [ti:荷花颂][ar:童丽][al:对话 古筝与童丽的故事][offset:0][by:画儿音画][by:noni99][offset:500][00:00.00]专辑：对话 古筝与童丽的故事[00:03.00]童丽 - 荷花颂[00:06.00]作词： 作曲：甘肃民歌[00:09.00]画儿音画[00:12.00]--------[02:04.89][00:17.14]万里无云好晴天[02:08.54][00:20.69]啊……[02:12.42][00:24.53]看那荷花在水面[02:32.42][02:16.87][00:45.20][00:29.49]啊…[02:35.33][02:20.08][00:47.58][00:32.27]千万朵花儿数着它好[02:43.21][02:27.87][00:55.43][00:40.06]人人见了心喜欢[02:48.34][01:01.00]--[02:51.42][01:03.56]荷花朵朵放光彩[02:54.74][01:06.91]啊……[02:58.57][01:10.82]薄雾青纱头上戴[03:18.70][03:03.36][01:31.41][01:15.67]那啊…[03:21.66][03:06.35][01:33.83][01:18.44]微风轻轻迎面吹来[03:29.50][03:14.06][01:41.68][01:26.21]荷花点头笑颜开[03:35.59][01:47.61]----蓝天高 绿水长荷花朝太阳风吹千里香青山含笑 碧波荡漾看那荷花正开放 [04:46.30]?[04:48.30]??/xmp 3、以下为显示歌词脚本的代码： scriptwindow.onerror=function(){return false}start()function start(){?browser_ini()?timer_ini()?emv_ini()?lrc.setData(oo(xLyric).innerHTML)?lrc.write(歌曲载入中，请耐心等待...,l)?emv.play(/blog/uploadfiles/2008-11/281053231681.mp3（音乐地址）)}function emv_ini(){?var l?window.emv={}?lrc_in