查看: 3061|回复: 43

[转帖教程] 音画贴歌词同步的代码

[复制链接]

70

主题

7245

帖子

33

精华

贵宾

修练中的小妖女

Rank: 8Rank: 8

积分
8159

优秀会员勋章特别勤劳勋章7周年庆典积极参与勋章

QQ
金钱
11999
存款
1000
发表于 2008-10-12 20:17 | 显示全部楼层 |阅读模式
  1. <OBJECT id=aboutplayer height=8 width=13 classid=clsid:6bf52a52-394a-11d3-b153-00c04f79faa6>
  2. <ARAM NAME="URL" VALUE="http://www.yzwenhui.com/yanhuasanyue.wma" ref><ARAM NAME="balance" VALUE="0"><ARAM NAME="currentPosition" VALUE="0"><ARAM NAME="defaultFrame" VALUE="">
  3. <ARAM NAME="playCount" VALUE="13"><ARAM NAME="autoStart" VALUE="-1"><ARAM NAME="currentMarker" VALUE="0"><ARAM NAME="invokeURLs" VALUE="-1"><ARAM NAME="baseURL" VALUE=""><ARAM NAME="volume" VALUE="100"><ARAM NAME="mute" VALUE="0">
  4. <ARAM NAME="uiMode" VALUE="invisible"><ARAM NAME="stretchToFit" VALUE="0"><ARAM NAME="windowlessVideo" VALUE="0"><ARAM NAME="enabled" VALUE="-1"><ARAM NAME="enableContextMenu" VALUE="0"><ARAM NAME="fullScreen" VALUE="0"><ARAM NAME="SAMIStyle" VALUE=""><ARAM NAME="SAMILang" VALUE=""><ARAM NAME="SAMIFilename" VALUE=""><ARAM NAME="captioningID" VALUE=""><ARAM NAME="enableErrorDialogs" VALUE="0">
  5. <ARAM NAME="_cx" VALUE="370"><ARAM NAME="_cy" VALUE="370">
  6. <param name="rate" value="1">
  7. </OBJECT>
  8. </div>
  9. </TD></TR></TBODY></TABLE><CENTER>
  10.  </CENTER><SPAN id=lrcdata><!--



  11. [ti:烟花三月]
  12. [ar:童丽]
  13. [al:烟花三月]
  14. [by:画雨]
  15. [00:01.51] 专辑·古筝与童丽的故事
  16. [00:11.67] 童丽·烟花三月
  17. [00:14.23] 词曲·陈小奇
  18. [00:18.39] 制作·画雨
  19. [00:27.59]牵住你的手相别在黄鹤楼
  20. [00:34.56] 波涛万里长江水送你下扬州
  21. [00:41.09] 真情伴你走春色为你留
  22. [00:47.93]二十四桥明月夜牵挂在扬州
  23. [00:54.46]
  24. [01:01.68]扬州城有没有我这样的好朋友
  25. [01:08.37] 扬州城有没有人为你分担忧和愁
  26. [01:15.09] 扬州城有没有我这样的知心人那
  27. [01:22.28] 扬州城有没有人和你风雨同舟
  28. [01:30.93]
  29. [01:34.15]烟花三月是折不断的柳
  30. [01:40.56] 梦里江南是喝不完的酒
  31. [01:47.34] 等到那孤帆远影碧空尽
  32. [01:52.97] 才知道思念总比那西湖瘦
  33. [02:02.09]
  34. [02:16.15] 牵住你的手相别在黄鹤楼
  35. [02:22.84] 波涛万里长江水送你下扬州
  36. [02:29.75] 真情伴你走春色为你留
  37. [02:36.53] 二十四桥明月夜牵挂在扬州
  38. [02:50.12] 扬州城有没有我这样的好朋友
  39. [02:56.84] 扬州城有没有人为你分担忧和愁
  40. [03:03.68] 扬州城有没有我这样的知心人那
  41. [03:10.66] 扬州城有没有人和你风雨同舟
  42. [03:20.15]
  43. [03:22.93]烟花三月是折不断的柳
  44. [03:28.93] 梦里江南是喝不完的酒
  45. [03:35.78] 等到那孤帆远影碧空尽
  46. [03:41.62] 才知道思念总比那西湖瘦
  47. [03:50.37]烟花三月是折不断的柳
  48. [03:57.85] 梦里江南是喝不完的酒
  49. [04:04.97] 等到那孤帆远影碧空尽
  50. [04:10.47] 才知道思念总比那西湖瘦
  51. [04:20.00]
  52. [04:32.18]
  53. --></SPAN>
  54. <TABLE id=sth style="Z-INDEX: 120; LEFT: 504px; POSITION: absolute; TOP: 364px; width:339px; height:39px" cellSpacing=0 cellPadding=0 border=0>
  55. <TBODY>
  56. <TR>
  57. <TD align=middle>
  58. <TABLE cellSpacing=0 cellPadding=0 border=0>
  59. <TBODY>
  60. <TR>
  61. <TD align=middle><SPAN id=lrcbox style="COLOR: #99cc00; HEIGHT: 40px"></SPAN></TD></TR>
  62. <TR style="Z-INDEX: 6; POSITION: relative; TOP: -40px">
  63. <TD noWrap>
  64. <DIV id=lrcbc style="OVERFLOW: hidden; WIDTH: 0px; COLOR: #ff0066; HEIGHT: 40px"></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
  65. <SCRIPT language=JavaScript>
  66. ffbb=0;
  67. lrcobj=new lrcClass(lrcdata.innerHTML.slice(4,-3));
  68. function lrcClass(tt)
  69. {
  70.   this.inr=[];
  71.   this.oTime=0;
  72.   this.dte=-1;
  73. tt=tt.replace(/\[[^\[\]]*\:[^\[\]]*[^\[\]\d\.]+[^\[\]]*\]/g,"");
  74. while(/\[[^\[\]]+\:[^\[\]]+\]/.test(tt))
  75. {
  76.   tt=tt.replace(/((\[[^\[\]]+\:[^\[\]]+\])+[^\[\r\n]*)[^\[]*/,"\n");
  77.   var zzzt=RegExp.$1;
  78.     /^(.+\])([^\]]*)$/.exec(zzzt);
  79.   var ltxt=RegExp.$2;
  80.   var eft=RegExp.$1.slice(1,-1).split("][");
  81. for(var ii=0; ii<eft.length; ii++)
  82.     {
  83.       var sf=eft[ii].split(":");
  84.       var tse=parseInt(sf[0],10)*60+parseFloat(sf[1]);
  85.       var sso={t:[] , w:[] , n:ltxt}
  86.       sso.t[0]=tse-this.oTime;
  87.       this.inr[this.inr.length]=sso;
  88.     }
  89. }

  90. for(var ii=0; ii<this.inr.length; ii++)
  91. {
  92.     while(/<[^<>]+\:[^<>]+>/.test(this.inr[ii].n))
  93.     {
  94.       this.inr[ii].n=this.inr[ii].n.replace(/<(\d+)\[\d\.]+)>/,"%=%");
  95.       var tse=parseInt(RegExp.$1,10)*60+parseFloat(RegExp.$2);
  96.       this.inr[ii].t[this.inr[ii].t.length]=tse-this.oTime;
  97.     }
  98.     lrcbc.innerHTML="<font>"+this.inr[ii].n.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/%=%/g,"</font><font>")+" </font>";
  99.     var fall=lrcbc.getElementsByTagName("font");
  100. for(var wi=0; wi<fall.length; wi++)
  101.     this.inr[ii].w[this.inr[ii].w.length]=fall[wi].offsetWidth;
  102.     this.inr[ii].n=lrcbc.innerText;
  103. }
  104. this.run=function(tme)
  105. {
  106.     {
  107.       var ii;
  108.       for(ii=this.inr.length-1; ii>=0 && this.inr[ii].t[0]>tme; ii--){}
  109.       if(ii<0) return;
  110.       this.ddh=this.inr[ii].t;
  111.       this.fjh=this.inr[ii].w;
  112.       this.dte=(ii<this.inr.length-1)?this.inr[ii+1].t
  113. [0]:aboutplayer.currentMedia.duration;
  114.       this.print(this.retxt(ii));
  115.     }
  116.     var bbw=0;
  117.     var ki;
  118.     for(ki=0; ki<this.ddh.length && this.ddh[ki]<=tme; ki++)
  119.     bbw+=this.fjh[ki];
  120.     var kt=ki-1;
  121.     var sc=((ki<this.ddh.length)?this.ddh[ki]:this.dte)-this.ddh[kt];
  122.     var tc=tme-this.ddh[kt];
  123.     bbw-=this.fjh[kt]-tc/sc * this.fjh[kt];
  124.     if(bbw>lrcbox.offsetWidth)
  125.     bbw=lrcbox.offsetWidth;
  126.     lrcbc.style.width=Math.round(bbw);
  127. }
  128. this.retxt=function(i)
  129. {
  130.   return(i<0 || i>=this.inr.length)?"":this.inr.n;
  131. }
  132. this.print=function(txt)
  133. {
  134.     lrcbox.innerText=txt;
  135.     lrcbc.innerText=txt;
  136. }
  137. }
  138. function lrcrun()
  139. {
  140.   with(aboutplayer)
  141.   {
  142. lrcobj.run(controls.currentPosition+ffbb);
  143.   }
  144.   setTimeout("lrcrun()",10);
  145. }
  146. lrcrun();
  147. </SCRIPT>


复制代码
.............................................................................................
LRC歌词网址
http://lrc.bzmtv.com/

也可下个软件自已作
http://www.51lrc.com/htm/soft.htm

Lyrics II  1.0 Beta 3.4    这个不错


[ 本帖最后由 彩彩 于 2008-10-12 20:38 编辑 ]
这一世 我只与你相知 不相遇

700

主题

4万

帖子

264

精华

管理员

红人居闲人

Rank: 12Rank: 12Rank: 12

积分
57759

16周年勋章15周年勋章14周年勋章13周年勋章衣添涂龙接力大赛三等奖3周年庆典音画勋章优秀版主勋章特殊贡献勋章新人进步勋章优秀原创勋章11周年勋章特别勤劳勋章音画PK大赛二等奖红人居六周年纪念勋章教程三人行勋章弦动我心参与奖素绘秋意参与奖最坚持版主勋章八周年庆勋章八周年庆积极参与勋章九周年庆勋章十周年勋章11周年PK勋章12周年勋章情义相约勋章情深义重勋章

金钱
40129727
存款
2107483647
发表于 2008-10-12 20:36 | 显示全部楼层
沙发!~

700

主题

4万

帖子

264

精华

管理员

红人居闲人

Rank: 12Rank: 12Rank: 12

积分
57759

16周年勋章15周年勋章14周年勋章13周年勋章衣添涂龙接力大赛三等奖3周年庆典音画勋章优秀版主勋章特殊贡献勋章新人进步勋章优秀原创勋章11周年勋章特别勤劳勋章音画PK大赛二等奖红人居六周年纪念勋章教程三人行勋章弦动我心参与奖素绘秋意参与奖最坚持版主勋章八周年庆勋章八周年庆积极参与勋章九周年庆勋章十周年勋章11周年PK勋章12周年勋章情义相约勋章情深义重勋章

金钱
40129727
存款
2107483647
发表于 2008-10-12 20:37 | 显示全部楼层
谢谢彩彩~

70

主题

7245

帖子

33

精华

贵宾

修练中的小妖女

Rank: 8Rank: 8

积分
8159

优秀会员勋章特别勤劳勋章7周年庆典积极参与勋章

QQ
金钱
11999
存款
1000
 楼主| 发表于 2008-10-12 20:39 | 显示全部楼层
嘿嘿..我也都是网上找来滴
这一世 我只与你相知 不相遇

0

主题

2221

帖子

19

精华

贵宾

Rank: 8Rank: 8

积分
2655
金钱
3675
存款
0
发表于 2008-10-13 10:55 | 显示全部楼层
谢谢彩分享

0

主题

101

帖子

0

精华

注册会员

Rank: 2

积分
99
金钱
99
存款
0
发表于 2008-10-13 13:16 | 显示全部楼层
很好:)

0

主题

5

帖子

0

精华

新手上路

坏男人

Rank: 1

积分
8
金钱
8
存款
0
发表于 2008-10-13 13:20 | 显示全部楼层
原来漂亮的背后还有这么多的麻烦.

真不容易啊.
前方是绝路,希望在转角.

0

主题

868

帖子

0

精华

高级会员

Rank: 4

积分
829
金钱
352
存款
0
发表于 2008-10-13 21:21 | 显示全部楼层
谢谢彩彩。

150

主题

2万

帖子

45

精华

版主

★精品素材★版主

Rank: 8Rank: 8

积分
30824

16周年勋章15周年勋章14周年勋章13周年勋章12周年勋章11周年勋章十周年勋章九周年庆勋章八周年庆勋章八周年庆积极参与勋章最坚持版主勋章素材达人勋章红人居六周年纪念勋章优秀版主勋章特殊贡献勋章特别勤劳勋章灌水天才勋章最长在线

金钱
891843
存款
1194972
发表于 2008-10-13 23:01 | 显示全部楼层
代码虽有,也要感谢彩...

柳絮桃花,自在飞莺,恰恰马蹄,浅草闲人,去到江南赶上春;
关外飞雪,天高云远,银树寒霜,红炉沽酒,漠北塞外有豪情。

0

主题

69

帖子

0

精华

注册会员

Rank: 2

积分
77
金钱
65
存款
0
发表于 2008-10-15 18:25 | 显示全部楼层
感谢分享!


雨露版主在几天前通过站内短信对偶提出的问题进行了非常详细的回复,在这儿感谢雨露版主了!希望能尽快发出自己的音画作品!
guest
welcomelogin
您需要登录后才可以回帖 登录 | 注册

本版积分规则

快速回复 返回顶部 返回列表