武当休闲山庄 - 稳定,和谐,人性化的中文社区

查看完整版本: [-- 歌词同步教程 --]

武当休闲山庄 -> 音画教程 -> 歌词同步教程 [打印本页]

登录 -> 注册 -> 回复主题 -> 发表主题

轩云	2009-03-28 19:38

轩云

2009-03-28 19:41

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>[武当山庄]---音画交流学习---</title>
</head>
<body background="http://www.xxx.com/1.jpg">
<br><br><br>
<marquee style="font-size:30pt; color:#ff0000; font-family:楷体_gb2312"

scrolldelay=120 width=400 height=37 align="middle" border="0"> [武当山

庄]---音画交流学习---</marquee>
<table id=table1 style="left:0px; width: 767px; position: relative; top: 0px"

height=425 align=center background=http://www.xxx.com/2.jpg border=4>
<tbody>
<tr>
<td></td></tr></tbody></table>
<br><br><br><br><br>
<embed style="left:200px; position:absolute; top:50px" align=right

src=http://club.fadmy.com/club/UploadFile/flash/161.swf width=820

height=500 type=application/x-shockwave-flash; wmode="transparent"

quality="high"></embed>
<object id=aboutplayer height=0 width=0 classid=clsid:6bf52a52-394a-

11d3-b153-00c04f79faa6>
<param name="url"

value="http://play.focus.cn/upload/playa/video25/25284.mp3">
<param name="autostart" value="true">
<param name="balance" value="0">
<param name="currentposition" value="0">
<param name="currentmarker" value="0">
<param name="enablecontextmenu" value="false">
<param name="enableerrordialogs" value="false">
<param name="enabled" value="true">
<param name="fullscreen" value="false">
<param name="invokeurls" value="false">
<param name="mute" value="false">
<param name="playcount" value="10">
<param name="rate" value="1">
<param name="uimode" value="none">
<param name="volume" value="100">
</object></center>
<div></div>
<span id=lrcdata>

</span>

<div class=time id=tab1 style="border-right: #fbdf95 0px double; border-

top: 0px double; font-weight: bold; font-size: 18px; z-index: 210; left:

310px; border-left: #fbdf95 0px double; border-bottom: #ff0000 0px

double; font-family: papyrus; position: absolute; top: 450px; text-align:

center" end="365" begin="1">
<table id=tab style="progid:dximagetransform.microsoft.matrix; left: 1px;

width: 0px; position: relative; top: 1px; height: 1px"
cellspacing=0 cellpadding=0 border=0>
<tbody>
<tr>
<td align=middle><br>
<table cellspacing=0 cellpadding=0 border=0>
<tbody>
<tr>
<td align=middle><span id=lrcbox style="color: #ffff00; height:

40px"></span></td></tr>
<tr style="z-index: 6; position: relative; top: -40px">
<td nowrap>
<div class=time id=lrcbc style="filter: blur(add=1, direction=40,strength=2);

overflow: hidden; width: 0px; color:#ff0000; height: 0px; end: 65"

begin="0"></div></td></tr></tbody></table></td></tr></tbody></tabl

e></div>
<t:animatemotion id=haixing begin="16" fill="hold" dur="5" to="-0,-120"

targetelement="tab1" from="0,0"></t:animatemotion>

<script language=java script>
ffbb=+0.2;
lrcobj=new lrcClass(lrcdata.innerHTML.slice(4,-3));
function lrcClass(tt)
{
this.inr=[];
this.oTime=0;
this.dte=-1;
tt=tt.replace(/\[[^\[\]]*\:[^\[\]]*[^\[\]\d\.]+[^\[\]]*\]/g,"");
while(/\[[^\[\]]+\:[^\[\]]+\]/.test(tt))
{
tt=tt.replace(/((\[[^\[\]]+\:[^\[\]]+\])+[^\[\r\n]*)[^\[]*/,"\n");
var zzzt=RegExp.$1;
/^(.+\])([^\]]*)$/.exec(zzzt);
var ltxt=RegExp.$2;
var eft=RegExp.$1.slice(1,-1).split("][");
for(var ii=0; ii<eft.length; ii++)
{
var sf=eft[ii].split(":");
var tse=parseInt(sf[0],10)*60+parseFloat(sf[1]);
var sso={t:[] , w:[] , n:ltxt}
sso.t[0]=tse-this.oTime;
this.inr[this.inr.length]=sso;
}
}
for(var ii=0; ii<this.inr.length; ii++)
{
while(/<[^<>]+\:[^<>]+>/.test(this.inr[ii].n))
{
this.inr[ii].n=this.inr[ii].n.replace(/<(\d+)\:([\d\.]+)>/,"%=%");
var tse=parseInt(RegExp.$1,10)*60+parseFloat(RegExp.$2);
this.inr[ii].t[this.inr[ii].t.length]=tse-this.oTime;}
lrcbc.innerHTML="<font>"+this.inr[ii].n.replace(/&/g,"&").replace

(/</g,"<").replace(/>/g,">").replace(/=%/g,"</font><font>")+" </font>";
var fall=lrcbc.getElementsByTagName("font");
for(var wi=0; wi<fall.length; wi++)
this.inr[ii].w[this.inr[ii].w.length]=fall[wi].offsetWidth;
this.inr[ii].n=lrcbc.innerText;}
this.run=function(tme)
{
{
var ii;
for(ii=this.inr.length-1; ii>=0 && this.inr[ii].t[0]>tme; ii--){}
if(ii<0) return;
this.ddh=this.inr[ii].t;
this.fjh=this.inr[ii].w;
this.dte=(ii<this.inr.length-1)?this.inr[ii+1].t
[0]:aboutplayer.currentMedia.duration;
this.print(this.retxt(ii));
}
var bbw=0;
var ki;
for(ki=0; ki<this.ddh.length && this.ddh[ki]<=tme; ki++)
bbw+=this.fjh[ki];
var kt=ki-1;
var sc=((ki<this.ddh.length)?this.ddh[ki]:this.dte)-this.ddh[kt];
var tc=tme-this.ddh[kt];
bbw-=this.fjh[kt]-tc/sc * this.fjh[kt];
if(bbw>lrcbox.offsetWidth)
bbw=lrcbox.offsetWidth;
lrcbc.style.width=Math.round(bbw);
}
this.retxt=function(i)
{
return(i<0 || i>=this.inr.length)?"":this.inr.n;
}
this.print=function(txt)
{
lrcbox.innerText=txt;
lrcbc.innerText=txt;
}
}
function lrcrun()
{
with(aboutplayer)
{
lrcobj.run(controls.currentPosition+ffbb);
}
setTimeout("lrcrun()",10);
}
lrcrun();
</script>
</body>
</html>

涛声依旧	2009-03-28 19:57
呵呵,不错呀,谢谢楼主的分享 ps;可惜见不到歌词的??

轩云	2009-03-28 20:03
以上代码说明红色是图片地址，第一个是背景图。第二个是面图（第二个地址后面要有空格）。蓝色是透明动画地址。（动画地址后面要有空格）橙色是歌曲地址绿色是带时间的歌词歌词可以到百度搜索一下LRC的歌词

轩云

2009-03-28 20:09

首先详细看代码内容注释，把上面代码文件复制后，用记事本编辑（后续名为TXT的文件。里面的图片、flash、音乐文件大家可以换成自己喜欢的），把文件改好名字，上传到支持外链的免费空间里（这样的空间很多，大家可以自己找，我用的常来网空间），取得TXT文件地址后，用代码发新帖子，代码如下：

用代码发新帖子，代码如下：
<DIV style="LEFT: -220px; WIDTH: 1000px; POSITION: relative; TOP: 10px" twffan="done"><IFRAME marginWidth=0 marginHeight=0 src="TXT地址" frameBorder=0 width=980 scrolling=no height=620></IFRAME></DIV><BR>

[严重提醒：不要将TXT内容直接发到帖子里，必须要上传]

轩云	2009-03-28 20:10
引用第2楼涛声依旧于2009-03-28 19:57发表的 : 呵呵,不错呀,谢谢楼主的分享 ps;可惜见不到歌词的?? 我这里歌词显示很正常啊

qiufengzzj

2009-08-15 23:40

瑾光鹏	2010-11-08 21:23
楼主，你有才了