发新帖  新投票  回帖 
65032个阅读者,78条回复 | 打印 | 订阅 | 收藏
醉卧思雨

发表时间:2009-12-26 20:21

【音乐帖制作教程 1.3】羽泉——我们拥有夜晚[APE]{歌词同步}



醉卧思雨 发表在 音乐播放器 华声论坛 http://bbs.voc.com.cn/forum-344-1.html


手动播放器

APE资源下载

**** 本内容跟帖回复才可浏览 *****



[本帖最后由 joyo_tommy 于 2010-11-11 12:53 编辑]

本帖助威记录

夏星星 +1
你的帖子可以上新闻联播了
2019-08-27 10:59:47
总计:魅力1点 助威1查看所有助威>>



----------------------------------------------
伤情最是晚凉天
憔悴厮人不堪言
吆酒催肠三杯醉
寻香惊梦五更寒
钗头凤斜倾有泪
徒迷花寥我无缘
小楼寂寞心与月
也难如钩也难圆
 
醉卧思雨

回复时间:2009-12-26 20:23

//帖子代码,除蓝色提示部分,其余代码最好不要改动
<HTML><HEAD><TITLE>我们拥有夜晚</TITLE>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>思雨音乐收藏</title>
</head>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META content="MSHTML 6.00.2900.3243" name=GENERATOR>
<STYLE>v\:* {
BEHAVIOR: url(#default#VML)
}
v\:textpath {
FONT-SIZE: 14px; FONT-FAMILY: 新宋体; v-text-align: left
} //设置歌词大小和字体
</STYLE>
</HEAD>
<BODY>
<TABLE height=250 cellSpacing=0 width=1000 border=0>
<TBODY>
<TR>
<TD align=center></DIV>
<P align=center><IMG src=http://image.hnol.net/200504/zwsy/jiaocheng/tongbu/bg.jpg; width=1000> //插入背景图片
<EMBED style="LEFT: 300; WIDTH: 100px; POSITION: absolute; TOP: 100; HEIGHT:200px" src=http://image.hnol.net/c/swf/2009-10/31/22/200910312255068541-2081740.swf type=application/octet-stream quality="high" wmode="transparent"></EMBED> //插入动画(可选)
</TD></TR></TBODY></TABLE>
<XMP id=xLyric style="DISPLAY: none">
[ti:我们拥有夜晚]
[ar:羽泉]
[al:很羽泉]

[00:-2.00]我们拥有夜晚
[00:07.00]华声论坛单曲驿站
[00:16.00]思雨制作
[00:25.00]
[00:27.56]什刹海的晚钟
[00:30.78]在摄氏零下六度 已经沉睡的皇宫
[00:35.00]投射不进 灵魂的霓虹
[00:39.95]
[00:41.23]黑夜开始进攻
[00:44.51]那些solo就在我的 指间传颂
[00:48.36]永远不死的John Lennon
[00:53.48]
[00:54.89]唱出了鲜血 嘶哑的喉咙
[01:01.28]沉醉的每张 无辜的面孔
[01:08.07]摇滚少年 不知所踪 该何去何从
[01:14.66]成长和现实 背道而驰的痛
[01:21.10]
[01:21.87]不平凡 也不平庸
[01:25.27]我们 拥有夜晚
[01:28.31]这世界 有太多我不能苟同
[01:33.91]
[01:35.53]我的青春 有始无终
[01:38.67]因为 我拥有夜晚
[01:41.60]激情是不被驯服的火种
[01:47.30]
[01:48.83]什刹海的晚钟
[01:51.90]在摄氏零下六度 已经沉睡的皇宫
[01:56.16]投射不进 灵魂的霓虹
[02:00.90]
[02:02.46]黑夜开始进攻
[02:05.50]那些solo就在我的 指间传颂
[02:09.60]永远不死的John Lennon
[02:15.45]
[02:41.94]唱出了鲜血 嘶哑的喉咙
[02:49.24]沉醉的每张 无辜的面孔
[02:56.18]摇滚少年 不知所踪 该何去何从
[03:02.70]成长和现实 背道而驰的痛
[03:08.86]
[03:09.86]不平凡 也不平庸
[03:13.56]我们 拥有夜晚
[03:16.57]这世界 有太多我不能苟同
[03:22.12]
[03:23.25]我的青春 有始无终
[03:26.76]因为 我拥有夜晚
[03:29.89]激情是不被驯服的火种
[03:33.17]
[03:33.96]不平凡 也不平庸
[03:37.09]我们 拥有夜晚
[03:40.17]继续在 琴弦上 做着梦
[03:45.68]
[03:47.19]我的生活 是无底洞
[03:50.50]因为 我拥有夜晚
[03:53.82]不至于一无所有的 贫穷
[03:59.75]没人能阻止内心的 暴动
[04:23.50]
//同步歌词(可用千千静听复制同步歌词)
</XMP>
<SCRIPT>
window.onerror=function(){return false}
start()
function start(){
browser_ini()
timer_ini()
emv_ini()
lrc.setData(oo("xLyric").innerHTML)
lrc.write("歌曲载入中...","l")
emv.play("http://image.hnol.net/200504/zwsy/jiaocheng/tongbu/yuquan.mp3") //插入音乐链接
}
function emv_ini(){
var l
window.emv={}
lrc_ini()
l="<div id=bxEmv style=position:absolute;left:450;top:160;width:500;height:230>" //设置歌词位置及大小宽度,试帖子需要而定
l+="<div style=position:absolute;left:0;top:0;width:600;height:460;></div>"
l+="<div id=bxEmvScreen style=position:absolute;overflow:hidden;left:19;top:15;width:560;height:360;>"
l+="</div>"
l+="</div>"
l+="<object classid=clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95 id=mplayer width=250 height=560 style=display:none></object>"
insHtm(document.body,l)
emv.play=function(url){oo("mplayer").FileName=url;oo("mplayer").Play()}
emv.time=function(){
var mPos=mplayer.CurrentPosition,n=lrc.i
var n1,o,len,w,per,n0,n1
n1=n<lrc.arr.length-1?lrc.arr[n+1].slice(0,"|")*1:9999
if(n1<mPos){
lrc.i++
n++
if(n==0)
lrc.write(lrc.arr[n].slice("|"),"l")
if(n<lrc.arr.length-1)
lrc.write(lrc.arr[n+1].slice("|"),n%2==1?"l":"r")
}
if(n>=0){
n0=lrc.arr[n].slice(0,"|")
n1=lrc.arr.length>n+1?lrc.arr[n+1].slice(0,"|"):4
o=oo("bxCaption_"+(n%2==0?"l":"r")+"_cover")
len=o.time!=""?o.time*1:n1-n0
per=(mPos-n0)/len
for(i=0.001;i<1;i+=0.001){
per1=lrc.getRealPos(o,i)
if(per1>=per)
break
}
o.style.width=o.width*i
}
}
timer.add("emv.time()")
}
function lrc_ini(){
window.lrc={}
lrc.wordPer=function(str,pos){
return str.slice(0,pos).replace(/[^\x00-\xff]/g," ").length/str.replace(/[^\x00-\xff]/g," ").length
}
lrc.setData=function(str){
var l,a,i,ad,n,j
str=str.replace(/\|/g,"").replace(/\r\n/g,"\n")
str=str.replace(/\[(\d\d)\:(\d\d)\.(\d\d)\]/g,function($0,$1,$2,$3){return ($1*60+$2*1+$3/100)+"|"})
a=str.split("\n")
lrc.arr=new Array()
for(i=0;i<a.length;i++){
ad=a.split("|")
for(j=1;j<ad.length;j++){
lrc.arr.add(ad[j-1]+"|"+ad[ad.length-1])
}
}
lrc.i=-1
sortIndex=0
sortDir=1
lrc.arr.sort(sortFoo)
}
lrc.getRealPos=function(obj,pos){
var a=obj.path,zoom=obj.zoom,pos1=pos*zoom
var a,i,ad
for(i=0;i<a.length;i++){
ad=a
if(pos<=ad[0])
continue
if(pos>ad[0]&&pos<=ad[1])
pos1+=(zoom*ad[2]-zoom)*(pos-ad[0])
else{
pos1+=(zoom*ad[2]-zoom)*(ad[1]-ad[0])
}

}
return pos1
}
lrc.write=function(str,pos){
var word=str,style=""
var x,y,l,w,w1,o,a,i,ad
if(/^\<.+\>/.test(str)){
word=str.slice(">")
style=str.slice(1).slice(0,">")
}
w=word.replace(/[^\x00-\xff]/g," ").length*13+2
if(pos=="l"){
x=40
y=285
}
else{
x=520-w
y=315
}
l="<div id=bxCaption_"+pos+" style='position:absolute;left:"+x+";top:"+y+";width:"+w+";height:32;overflow:hidden'>"
l+="<v:curve to=800,1 strokecolor=ffff00 strokeweight=1 style=position:absolute;top:14>"
l+="<v:path textpathok=t /><v:textpath on=t string='"+word+"' /></v:curve>" l+="<v:curve to=800,1 strokecolor=white fillcolor=white strokeweight=1 style=position:absolute;top:14>"//设置歌词背景颜色
l+="<v:path textpathok=t /><v:textpath on=t string='"+word+"' /></v:curve>"
l+="</div>"
l+="<div id=bxCaption_"+pos+"_cover width="+w+" style=position:absolute;left:"+x+";top:"+y+";width:0;height:32;overflow:hidden>"
l+="<v:curve to=800,1 strokecolor=E0EEEE strokeweight=2 style=position:absolute;top:14>"
l+="<v:path textpathok=t /><v:textpath on=t string='"+word+"' /></v:curve>"
l+="<v:curve to=800,1 strokecolor=#7B68EE fillcolor=#8A2BE2 strokeweight=1 style=position:absolute;top:14>"//设置同步歌词颜色
l+="<v:path textpathok=t /><v:textpath on=t string='"+word+"' /></v:curve>"
l+="</div>"
odel("bxCaption_"+pos)
odel("bxCaption_"+pos+"_cover")
insHtm("bxEmvScreen",l)
o=oo("bxCaption_"+pos+"_cover")
o.time=style.get("time")
o.path=new Array()
len1=1
a=style.split(";")
for(i=0;i<a.length;i++){
if(!/(\d+):(\d+)/.test(a))
continue
if(/(\d+)-(\d+):(\d+)/.test(a)){
ad=/(\d+)-(\d+):(\d+)/.exec(a)
ad[0]=lrc.wordPer(word,ad[1]-1)
ad[1]=lrc.wordPer(word,ad[2]*1)
ad[2]=ad[3]
}
else{
ad=/(\d+):(.+)/.exec(a)
ad[0]=lrc.wordPer(word,ad[1]-1)
ad[1]=lrc.wordPer(word,ad[1]*1)
}
len1+=(ad[1]-ad[0])*(ad[2]-1)
o.path.add(ad)
}
o.zoom=1/len1
}
}
function browser_ini(){
window.isIE=navigator.userAgent.indexOf("IE")>0
window.isIE5=navigator.userAgent.indexOf("IE 5.0")>0
String.prototype.trim=function(){return this.replace(/(^[\s]*)|([\s]*$)/g,"")}
String.prototype.inc=function(s1,s2){if(s2==null){s2=","};return (s2+this+s2).indexOf(s2+s1+s2)>-1?true:false}
String.prototype._slice="".slice
String.prototype.slice=function(n1,n2){var
v,b1=typeof(n1)=="number",b2=typeof(n2)=="number";if(!b1||typeof(n2)=="string"){v=eval("this._slice("+(b1?n1:this.indexOf(n1)+(n2==null?1:0)+(this.indexOf(n1)==-1?this.length:0))+(n2==null?"":(b2?n2:(this.indexOf(n2)==-1?"":","+this.indexOf(n2))))+")")}else{v=isIE5&&n1<0&&n2==null?this._slice(this.length-1):eval("this._slice(n1"+(n2==null?"":","+n2)+")")}return
v}
String.prototype.get=function(str,def){if(this.inc(str,";"))return 1;var a=this.match(new RegExp("(^|;)"+str+":[^;]*"));return
a==null||str==""?(def==null?"":def):a[0].replace(";","").slice(str.length+1)}
Array.prototype.add=function(key){this[this.length]=key}
window.oo=function(obj){return typeof(obj)=="string"?document.getElementById(obj):obj}
window.insHtm=function(op,html,inEnd){op=oo(op);if(isIE){op.insertAdjacentHTML(inEnd==null?"beforeend":"afterbegin",html)}else{var
r=op.ownerDocument.createRange();r.setStartBefore(op);eval("op."+(inEnd==null?"appendChild":"insertBefore")+"(r.createContextualFragment(html),op.firstChild)");}}
window.odel=function(obj){if(oo(obj)!=null){oo(obj).parentNode.removeChild(oo(obj))}}
if(!isIE){
HTMLElement.prototype.contains=function(node){if(!node)return false;do if(node==this){return true}while(node=node.parentNode){return false}}
Event.prototype.__defineGetter__("srcElement",function(){var node=this.target;while(node.nodeType!=1){node=node.parentNode}return node})
Event.prototype.__defineGetter__("toElement",function(){return this.relatedTarget})
}
}
function timer_ini(){
window.timer={}
timer.handle=null
timer.queue=""
timer.i=0
timer.add=function(key){if(!timer.queue.inc(key,";")){timer.queue+=key+";"}}
timer.del=function(key){timer.queue=move.queue.replace(key+";","")}
timer.inv=function(){
window.clearTimeout(timer.handle)
eval(timer.queue)
timer.i++
timer.handle=window.setTimeout("timer.inv()",10)
}
timer.inv()
}
function sortFoo(v1,v2){
var s1=v1.split("|")[sortIndex],s2=v2.split("|")[sortIndex]
if(!isNaN(s1)&&!isNaN(s2)){
s1*=1
s2*=1
}
return (s1==s2?0:(s1>s2?1:-1))*sortDir
}
</SCRIPT>
</BODY></HTML>
 





----------------------------------------------
伤情最是晚凉天
憔悴厮人不堪言
吆酒催肠三杯醉
寻香惊梦五更寒
钗头凤斜倾有泪
徒迷花寥我无缘
小楼寂寞心与月
也难如钩也难圆
 
qqzms

回复时间:2009-12-26 20:26
(*^__^*) 嘻嘻…… 稀饭羽泉。。




----------------------------------------------
开辟一个休憩的驿所,聆听音乐、聆听你我。
静静享受美妙的音符,静静感受生命的纯真。
———————————————————
:::::::::::::O(∩_∩)O~::::::::::::
———————————————————
—— 单 曲 驿 站 ‖ 伴 您 成 长 ——
———————————————————
 
qqzms

回复时间:2009-12-26 20:26
2楼都是代码 (*^__^*) 嘻嘻…… 思雨兄




----------------------------------------------
开辟一个休憩的驿所,聆听音乐、聆听你我。
静静享受美妙的音符,静静感受生命的纯真。
———————————————————
:::::::::::::O(∩_∩)O~::::::::::::
———————————————————
—— 单 曲 驿 站 ‖ 伴 您 成 长 ——
———————————————————
 
璀璨星辰

回复时间:2009-12-26 20:27
欣赏,学习。
版主辛苦了




----------------------------------------------
有一种声音,它来源于心灵,渗透你的灵魂。
有一种声音,它来源于天外,穿透你的神经。
有一种声音,它来源于天地,刺透你的骨髓。
静心宁神,闭幕远思,天地博大,万物迎泽。
用心聆听,天地沉浮,各有其主,各有归宿。
 
水蓝羽翼

回复时间:2009-12-26 20:27
跟雨老师好好学

 
浅草闲人

回复时间:2009-12-26 20:27
沙发。




----------------------------------------------
以音乐祭奠我的青春
 
qqzms

回复时间:2009-12-26 20:27
画面好酷啊




----------------------------------------------
开辟一个休憩的驿所,聆听音乐、聆听你我。
静静享受美妙的音符,静静感受生命的纯真。
———————————————————
:::::::::::::O(∩_∩)O~::::::::::::
———————————————————
—— 单 曲 驿 站 ‖ 伴 您 成 长 ——
———————————————————
 
浅草闲人

回复时间:2009-12-26 20:28
啊, 不是沙发,分享思雨的好教程,辛苦了。




----------------------------------------------
以音乐祭奠我的青春
 
水色潋滟

回复时间:2009-12-26 20:35
思雨老师又辛苦了,我来慢慢学,这个有点难度,图片都要好用心找

 
梦逐芭蕉雨

回复时间:2009-12-26 20:37
辛苦了!

 
醉卧思雨

回复时间:2009-12-26 20:43

原帖由 qqzms 于 2009-12-26 20:26 发表
2楼都是代码 (*^__^*) 嘻嘻…… 思雨兄

是不是看见代码又在发怵?




----------------------------------------------
伤情最是晚凉天
憔悴厮人不堪言
吆酒催肠三杯醉
寻香惊梦五更寒
钗头凤斜倾有泪
徒迷花寥我无缘
小楼寂寞心与月
也难如钩也难圆
 
bolilala

回复时间:2009-12-26 20:45
好样的思雨!做的好~!谢谢!




----------------------------------------------
  舞 尽 最后的灿烂 落 尘
 
qqzms

回复时间:2009-12-26 20:46

原帖由 醉卧思雨 于 2009-12-26 20:43 发表

原帖由 qqzms 于 2009-12-26 20:26 发表
2楼都是代码 (*^__^*) 嘻嘻…… 思雨兄

是不是看见代码又在发怵?


可惜偶已经会了歌曲同步了,不然思雨兄的珍藏代码又要被我‘偷菜’了

[本帖最后由 qqzms 于 2009-12-26 20:47 编辑]




----------------------------------------------
开辟一个休憩的驿所,聆听音乐、聆听你我。
静静享受美妙的音符,静静感受生命的纯真。
———————————————————
:::::::::::::O(∩_∩)O~::::::::::::
———————————————————
—— 单 曲 驿 站 ‖ 伴 您 成 长 ——
———————————————————
 
男人爱

回复时间:2009-12-26 20:52
不错啊,呵呵思雨老师的教程太棒了,这得好好地学习一下

 
摆渡点抗么

回复时间:2009-12-27 02:32
好教程!辛苦思雨!




----------------------------------------------
少年已白头,岁月正青春。
 
浅草闲人

回复时间:2009-12-27 07:30
好教程,有时间交一份作业,思雨辛苦了。




----------------------------------------------
以音乐祭奠我的青春
 
长客

回复时间:2009-12-27 08:25
谢谢提供。。。。

 
smary

回复时间:2009-12-27 12:14
做的真棒,稀饭,好好蹭一下

 
418

回复时间:2009-12-27 19:40
谢谢

 
发新帖 新投票
 回帖
查看积分策略说明快速回复主题
你的用户名: 密码:   免费注册(只要30秒)


启用 Html 代码
使用个人签名
(请您文明上网理性发言!并遵守相关规定贴文发布前,请确认贴文内容完全由您个人创作或您得到了版权所有者的授权。版权声明
   



Processed in 0.023801 s, 8 q - sitemap,