Key techniques of Lyrics synchronization

Last Update:2017-02-28 Source: Internet

Author: User

Tags format relative split

Developer on Alibaba Coud: Build your first app with APIs, SDKs, and tutorials on the Alibaba Cloud. Read more ＞

The key technology of Word synchronization major upgrades!

Lyrics Time adjustment (New < High efficiency > Ideas)
Automatic tracking engine (arguments)

Run Code Box

<ptml><pead><meta Http-equiv=content-type content=text/html; Charset=gb2312><title> Spectrum Music Audio-visual--thousands of words </title><style type=text/css>td {font-size:9pt; line-height:17px; }body{font-size:9pt; line-height:17px;margin-left:0px;margin-top:0px;margin-right:0px;margin-bottom:0px;} #lrcollbox TD, #lrcollbox font {font-family: blackbody; font-size:16px;} #lrcoll td {color: #0080C0; cursor:default;} #lrcbox {color: #00FF00} #lrcfilter {Filter:alpha (opacity=0)} #lrcbc {color: #FFFF33}</style></pead>< Script language= "JavaScript" >self.moveto (0,0); Self.resizeto (screen.availwidth,screen.availheight); </ Script><base ><body leftmargin= "0" topmargin= "0" marginwidth= "0" marginheight= "0" ><span id= " Lrcdata "></span><center><div><input type= "button" style= "HEIGHT:20; width:90; Font-size:9pt "title=" time overall advance 0.5 seconds/times "value=" lyrics adjustment (+) "> <input type=" button "value=" lyrics adjustment (-) "title=" time overall lag 0.5 seconds/times " Style= "HEIGHT:20; width:90; Font-size:9pt "> <input type=" file "name=" file "style=" Cursor:default; height:20; width:290; Font-size:9pt "title=" 1, play your local song 2, or the transmission of more effective network links "></div><object classid=" clsid : 6bf52a52-394a-11d3-b153-00c04f79faa6 "id=" Aboutplayer "width=" "height=" "" "><param" "" "" name= value= "url" Http://aboutplayer.com/play.asp?id=6&action=url "><param name=" Volume "value=" ><param " EnableconteXtmenu "value=" 0 "><param name=" enableerrordialogs "value=" 0 "></object><div id=" Lrcollbox "style=" Overflow:hidden; height:260; width:480; Background-color: #000000; " ><table border= "0" cellspacing= "0" cellpadding= "0" width= "100%" id= "Lrcoll" style= "position:relative"; Top: -20px; "oncontextmenu=" return false; " &GT;&LT;TR&GT;&LT;TD nowrap height= align= "center" id= "LRCWT1" ></td></tr><tr><td nowrap height= "align=" "Center" id= "Lrcwt2" ></td></tr><tr><td nowrap height= "center" Id= "Lrcwt3" ></td></tr><tr><td nowrap height= "center" align= "id=" ></td> &LT;/TR&GT;&LT;TR&GT;&LT;TD nowrap height= "align=" center "id=" LRCWT5 "></td></tr><tr>< TD nowrap Height= "align=" center "id=" LRCWT6 "></td></tr><tr><td nowrap height=" "align=" Center "><table border=" 0 "cellspacing=" 0 "cellpadding= 0" ><tr><td nowrap Height= "><span id=" lrcwt7 "style=" height:20 "></span></td></tr><tr style=" position: relative; Top: -20px; Z-index:6 "><td nowrap height=" ><div id=, Lrcfilter "style=" Overflow:hidden; width:100%; Color: #FFFF33; Height:20 "></div></td></tr></table></td></tr><tr style=" position: relative; Top: -20px "><td nowrap height=" align= "center" ><table border= "0" cellspacing= "0" cellpadding= "0" > &LT;TR&GT;&LT;TD nowrap height= "a" ><span id= "Lrcbox" style= "height:20" > Lyrics loading </span></td>< /tr><tr style= "position:relative; Top: -20px; Z-index:6; " &GT;&LT;TD nowrap height= "><div id=" LRCBC "style=" Overflow:hidden; height:20; width:0; " ></div></td></tr></table></td></tr><tr style= "position:relative; Top: -40px; " &GT;&LT;TD nowrap height= "align=" center "id=" Lrcwt8 "></td></tr><tr style=" position:relative; Top: -40px;" &GT;&LT;TD nowrap height= "align=" center "id=" Lrcwt9 "></td></tr><tr style=" position:relative; Top: -40px; " &GT;&LT;TD nowrap height= "align=" center "id=" lrcwt10 "></td></tr><tr style=" position:relative; Top: -40px; " &GT;&LT;TD nowrap height= "align=" center "id=" lrcwt11 "></td></tr><tr style=" position:relative; Top: -40px; " &GT;&LT;TD nowrap height= "align=" center "id=" lrcwt12 "></td></tr><tr style=" position:relative; Top: -40px; " &GT;&LT;TD nowrap height= align= "center" id= "lrcwt13" ></td></tr></table></div></ Center><script language= "JavaScript" >var lrco;ffbb = 0;lrcobj = new Lrcclass (Lrcdata.innerHTML.slice (4,-3)); function Lrcclass (TT) {this.inr = []; This.otime = 0; This.dts =-1; This.dte =-1; THIS.DLT =-1; THIS.DDH; THIS.FJH; lrcbc.style.width = 0; if (/\[offset\:(\-?\d+) \]/i.test (TT)) this.otime = regexp.$1/1000; tt = Tt.replace (/\[\:\][^$\n]* (\n|$/g, "$"); tt = Tt.replace (/\[[^\[\]\:]*\]/g, ""); tt = Tt.replace (/\[[^\[\]]*[^\[\]\d]+[^\[\]]*\:[^\[\]]*\]/g, ""); tt = Tt.replace (/\[[^\[\]]*\:[^\[\]]*[^\[\]\d\.] +[^\[\]]*\]/g, ""); tt = Tt.replace (/<[^<>]*[^<>\d]+[^<>]*\:[^<>]*>/g, ""); 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) * + parsefloat (sf[1)); var SSO = {t:[], w:[], n:ltxt} sso.t[0] = Tse-this.otime; This.inr[this.inr.length] = SSO; } THIS.INR = This.inr.sort (function (a,b) {return a.t[0]-b.t[0];}); 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) * + 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) {if (Tme<this.dts | | | tme>=this.dte) {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.dts = this.inr[ii].t[0]; This.dte = (ii<this.inr.length-1)? ThiS.inr[ii+1].t[0]:aboutplayer.currentmedia.duration; Lrcwt1.innertext = This.retxt (ii-7); Lrcwt2.innertext = This.retxt (ii-6); Lrcwt3.innertext = This.retxt (ii-5); Lrcwt4.innertext = This.retxt (ii-4); Lrcwt5.innertext = This.retxt (ii-3); Lrcwt6.innertext = This.retxt (ii-2); Lrcwt7.innertext = This.retxt (ii-1); Lrcfilter.innertext = This.retxt (ii-1); Lrcwt8.innertext = This.retxt (ii+1); Lrcwt9.innertext = This.retxt (ii+2); Lrcwt10.innertext = This.retxt (ii+3); Lrcwt11.innertext = This.retxt (ii+4); Lrcwt12.innertext = This.retxt (ii+5); Lrcwt13.innertext = This.retxt (ii+6); This.print (This.retxt (ii)); if (this.dlt==ii-1) {cleartimeout (Lrco); golrcoll (0); Golrcolor (0); } THIS.DLT = 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[I].N; } this.print = function (txt) {lrcbox.innertext = txt; Lrcbc.innertext = txt; } this.print ("www.aboutplayer.com"); Lrcwt1.innertext = ""; Lrcwt2.innertext = ""; Lrcwt3.innertext = ""; Lrcwt4.innertext = ""; Lrcwt5.innertext = ""; Lrcwt6.innertext = ""; Lrcwt8.innertext = ""; Lrcwt9.innertext = ""; Lrcwt10.innertext = ""; Lrcwt11.innertext = ""; Lrcwt12.innertext = ""; Lrcwt13.innertext = "";} function LoadFile (URL) {aboutplayer.url = URL; Aboutplayer.controls.play (); File.select (); Document.selection.clear (); Onfocus=file.blur ();} function bb () {ffbb = ffbb-0.5;} function ff () {FFBB = ffbb + 0.5;} function Lrcrun () {with (Aboutplayer) {Lrcobj.run (controls.currentposition+ FFBB); } if (arguments.length = 0) settimeout ("Lrcrun ()", 10);} function Golrcoll (s) {lrcoll.style.top = n (s++) *3; if (s<=6) Lrco = settimeout ("Golrcoll (" +s+ ")", 100);} function Golrcolor (t) {lrcfilter.filters.alpha.opacity = 100-(t++) *10; if (t<=10) settimeout ("Golrcolor (" +t+) ", 60);} function Killerrors () {return true;} Window.onerror = Killerrors;lrcrun ();</script></body></ptml>

[Ctrl + A ALL SELECT hint: You can modify some of the code, and then run]

Forum UBB Code Easy to achieve the lyrics sync

Windows Media Player Format:
1, [wmp=http://www.aboutplayer.com/a.wmv] lyrics content [/WMP]
2, [wmp=http://www.aboutplayer.com/a.wma] lyrics content [/WMP]
3, [Wmp=http://www.aboutplayer.com/a.mp3] lyrics content [/WMP]
......
Real Player Format:
1, [rmp=http://www.aboutplayer.com/a.rm] lyrics content [/RMP]
2, [Rmp=http://www.aboutplayer.com/a.ra] lyrics content [/RMP]
3, [Rmp=http://www.aboutplayer.com/a.mp3] lyrics content [/RMP]
......

Instance:

[Wmp=mms://222.77.177.180/mp3/2005-09-21/f528b693-e3cc-457d-8aab-6886d5c8f80a.wma] [Ti: a beautiful myth]
[ar: Sun Nan & Han]
[Al: Can't Forget You]
[By:rodick]
[04:41.88] [01:48.65] [00:02.63] The beautiful myth
[00:09.91]rodick Production
[00:16.47] The familiar faces of the people in the dream
[00:23.72] You are the gentleness that I am waiting for
[00:31] Even if the tears drown the world
[00:38.4] I will not let go, every moment alone to bear
[00:53.12] Just because I made a promise
[01:00.43] The familiar touch between you and me
[01:07.86] Love will wake up
[02:57.49] [01:14.3] The Vicissitudes of life Only Love is forever myth
[03:04.48] [01:21.48] Tide rise and fall never regret true love
[03:11.88] [01:28.95] How many painful struggles are there in the night
[03:19.2] [01:36.29] hold hands and let me and you never get away
[01:59.32] snow-frozen love on the pillow
[02:06.65] The cradle of truth will melt
[02:13.87] The fire on the stove in the wind
[02:21.37] never to extinguish
[02:28.8] waiting for flowers to spring and come again
[02:36.02] Ruthless years laugh at me crazy
[02:43.37] The world is deserted by heart like steel
[02:50.7] Missing forever
[03:56.09] [03:26.57] The joys and sorrows of the years Only Love is the myth of Forever
[04:03.24] [03:33.82] No one forgets the old, old oath
[04:10.64] [03:41.28] Your tears into the sky flying butterflies
[04:18.05] [03:48.63] Love is the wind under the wings two hearts are free to fly
[04:28.19] You are the only beautiful myth in my heart [/WMP]

Note:
1, compatible video, audio playback;
2, a theme and all the responses can only be set up a media, the proposal placed in the theme posts;
3, the media path can be an absolute path (such as ' http://aboutplayer.com/a.wmv '), or it can be a relative path (such as ' ... /mp3/a.wma ').

This article is an English version of an article which is originally in the Chinese language on aliyun.com and is provided for information purposes only. This website makes no representation or warranty of any kind, either expressed or implied, as to the accuracy, completeness ownership or reliability of the article or any translations thereof. If you have any concerns or complaints relating to the article, please send an email, providing a detailed description of the concern or complaint, to info-contact@alibabacloud.com. A staff member will contact you within 5 working days. Once verified, infringing content will be removed immediately.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More