切换到宽版
  • 4307阅读
  • 7回复

歌词同步教程 [复制链接]

上一主题 下一主题
离线轩云

UID: 459507

精华: 5
级别: 武当真人
 
发帖
454
金币
1593
道行
102
原创
5
奖券
2
斑龄
0
道券
0
获奖
0
座驾
设备
摄影级
在线时间: 131(小时)
注册时间: 2008-06-13
最后登录: 2016-09-13
只看楼主 倒序阅读 使用道具 楼主  发表于: 2009-03-28
— 本帖被 色影 从 音画专区 移动到本区(2009-08-16) —

1条评分
mianmo 金币 +80 很精彩的帖子,希望能尽快分享您的下一贴~ 2009-03-28
山庄提示: 道行不够,道券不够?---☆点此充值☆
 
离线轩云

UID: 459507

精华: 5
级别: 武当真人
发帖
454
金币
1593
道行
102
原创
5
奖券
2
斑龄
0
道券
0
获奖
0
座驾
设备
摄影级
在线时间: 131(小时)
注册时间: 2008-06-13
最后登录: 2016-09-13
只看该作者 沙发  发表于: 2009-03-28
<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>
<!--

[00:02.92]那天后 没有再见过你
[00:06.81]但每次遇见这样的大雨
[00:08.83]我就会想起你 笑着说:
[00:11.33]「嘿!很高兴认识你。」
[00:23.13]忽然大雨我们有缘相遇
[00:29.13]你也在这里被雨淋湿
[00:34.33]小小的屋簷就这样变成你我的伞
[00:44.73]萍水相逢我们还很陌生
[00:49.92]你说人和人有一种缘份
[00:55.04]很像晚风轻轻吹拂街上人们面容
[01:02.35]那么轻松
[01:05.44]你让我相信有命中注定
[01:09.94]你问我雨后可有彩虹?
[01:15.83]这样的大雨这样的相遇
[01:20.53]你很纯真我被打动
[01:26.54]人的心中都有个孩子
[01:31.84]特别容易和纯真接近
[01:36.75]奇怪的是地球几亿几千万个人
[01:42.64]我特别想你
[02:10.92]你让我相信有命中注定
[02:15.43]你问我雨后可有彩虹?
[02:20.93]人的一生中际遇常常有
[02:26.05]并非每段都有感动
[02:31.73]人的心中都有个孩子
[02:37.23]特别容易和纯真接近
[02:42.13]奇怪的是地球几亿几千万个人
[02:48.15]我特别想你
[02:52.15]轩云欢迎你光临面对面之影音


-->
</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 20:01重新编辑 ]
1条评分
mianmo 金币 +10 辛苦了,感谢您无私奉献的精神! 2009-03-28
如何不发帖就快速得到金币道行
 
离线涛声依旧
沧海一声笑

UID: 445333

精华: 9
职务: 山庄英杰
级别: 一代宗师

发帖
11182
金币
28563
道行
1003
原创
236
奖券
48
斑龄
5
道券
80
获奖
0
座驾
设备
摄影级
在线时间: 4222(小时)
注册时间: 2008-05-24
最后登录: 2019-10-04
只看该作者 板凳  发表于: 2009-03-28
呵呵,不错呀,谢谢楼主的分享

ps;可惜见不到歌词的??
1条评分
mianmo 金币 +8 鼓励一下 2009-03-28
如何不发帖就快速得到金币道行
 
离线轩云

UID: 459507

精华: 5
级别: 武当真人
发帖
454
金币
1593
道行
102
原创
5
奖券
2
斑龄
0
道券
0
获奖
0
座驾
设备
摄影级
在线时间: 131(小时)
注册时间: 2008-06-13
最后登录: 2016-09-13
只看该作者 地板  发表于: 2009-03-28
以上代码说明
红色是图片地址,第一个是背景图。第二个是面图(第二个地址后面要有空格)。
蓝色是透明动画地址。 (动画地址后面要有空格)
橙色是歌曲地址
绿色是带时间的歌词
歌词可以到百度搜索一下LRC的歌词
1条评分
mianmo 金币 +8 优秀文章 2009-03-28
如何不发帖就快速得到金币道行
 
离线轩云

UID: 459507

精华: 5
级别: 武当真人
发帖
454
金币
1593
道行
102
原创
5
奖券
2
斑龄
0
道券
0
获奖
0
座驾
设备
摄影级
在线时间: 131(小时)
注册时间: 2008-06-13
最后登录: 2016-09-13
只看该作者 4楼 发表于: 2009-03-28
首先详细看代码内容注释,把上面代码文件复制后,用记事本编辑(后续名为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内容直接发到帖子里,必须要上传]
1条评分
mianmo 金币 +8 辛苦了,感谢您无私奉献的精神! 2009-03-28
如何不发帖就快速得到金币道行
 
离线轩云

UID: 459507

精华: 5
级别: 武当真人
发帖
454
金币
1593
道行
102
原创
5
奖券
2
斑龄
0
道券
0
获奖
0
座驾
设备
摄影级
在线时间: 131(小时)
注册时间: 2008-06-13
最后登录: 2016-09-13
只看该作者 5楼 发表于: 2009-03-28
引用第2楼涛声依旧于2009-03-28 19:57发表的  :
呵呵,不错呀,谢谢楼主的分享
ps;可惜见不到歌词的??

我这里歌词显示很正常啊
1条评分
mianmo 金币 +3 鼓励一下 2009-03-28
如何不发帖就快速得到金币道行
 
离线qiufengzzj

UID: 709628

发帖
18
金币
57
道行
0
原创
0
奖券
0
斑龄
0
道券
0
获奖
0
座驾
设备
摄影级
在线时间: 36(小时)
注册时间: 2009-08-08
最后登录: 2019-05-12
只看该作者 6楼 发表于: 2009-08-15
<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>
<!--

[00:02.92]那天后 没有再见过你
[00:06.81]但每次遇见这样的大雨
[00:08.83]我就会想起你 笑着说:
[00:11.33]「嘿!很高兴认识你。」
[00:23.13]忽然大雨我们有缘相遇
[00:29.13]你也在这里被雨淋湿
[00:34.33]小小的屋簷就这样变成你我的伞
[00:44.73]萍水相逢我们还很陌生
[00:49.92]你说人和人有一种缘份
[00:55.04]很像晚风轻轻吹拂街上人们面容
[01:02.35]那么轻松
[01:05.44]你让我相信有命中注定
[01:09.94]你问我雨后可有彩虹?
[01:15.83]这样的大雨这样的相遇
[01:20.53]你很纯真我被打动
[01:26.54]人的心中都有个孩子
[01:31.84]特别容易和纯真接近
[01:36.75]奇怪的是地球几亿几千万个人
[01:42.64]我特别想你
[02:10.92]你让我相信有命中注定
[02:15.43]你问我雨后可有彩虹?
[02:20.93]人的一生中际遇常常有
[02:26.05]并非每段都有感动
[02:31.73]人的心中都有个孩子
[02:37.23]特别容易和纯真接近
[02:42.13]奇怪的是地球几亿几千万个人
[02:48.15]我特别想你
[02:52.15]轩云欢迎你光临面对面之影音


-->
</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>
[ 此帖被轩云在
如何不发帖就快速得到金币道行
 
离线瑾光鹏

UID: 966518

发帖
5
金币
22
道行
0
原创
0
奖券
0
斑龄
0
道券
0
获奖
0
座驾
设备
摄影级
在线时间: 5(小时)
注册时间: 2010-10-25
最后登录: 2011-03-02
只看该作者 7楼 发表于: 2010-11-08
楼主,你有才了
如何不发帖就快速得到金币道行
 
快速回复
限120 字节
认真回复加分,灌水扣分~
 
上一个 下一个