既然我們已經(jīng)找到了歌詞的頭,那么只要我們找到歌詞的結(jié)尾并選取在這之間的內(nèi)容差不多就算完成了。findEndTag() 函數(shù)用來(lái)查找歌詞的結(jié)尾。
function findEndTag() { var lastIndex = htmlData.lastIndexOf("]"); if (htmlData.slice(lastIndex-3, lastIndex-2) == "." && htmlData.slice(lastIndex-6, lastIndex-5) == ":") { var tmpBR = htmlData.slice(lastIndex); htmlData = htmlData.slice(0, lastIndex+tmpBR.indexOf("<br")+3); htmlData = htmlData.slice(0, htmlData.indexOf("</")); } else { htmlData = htmlData.slice(0, lastIndex); if (loopStart == undefined) { loopCount = 1; } else { delete loopStart; } if (loopCount<254) { loopStart = true; loopCount++; findEndTag(); } } }
LRC歌詞是有特征可以區(qū)別的?纯碙RC文件,它每一行都包含了像"[00:30.11]"這樣的時(shí)間標(biāo)記,我們的目標(biāo)就是找到它。首先我們查找 "]" (不能查找 "[00:30.11]" ,里面的時(shí)間是不確定的,flash 也不支持正則的方式)
var lastIndex = htmlData.lastIndexOf("]") 使用lastIndexOf()從后面向前查找的方式找到最后一個(gè) "]" 字符。這里我們用到了一個(gè) var 聲明一個(gè)局部變量。如果你在函數(shù)過(guò)程中要使用一個(gè)臨時(shí)性的東西,都最好先用var聲明一下,它將在函數(shù)運(yùn)行完后自動(dòng)銷毀,以便更節(jié)省內(nèi)存(另外一個(gè)好處就是可以幫你防止和外面的名字沖突而引起不必要的麻煩)
但光有這些還不夠,下一步就是要驗(yàn)證我們找到是不是像"[00:30.11]"這樣的字符。要完成驗(yàn)證的另外一個(gè)原因就是可能網(wǎng)頁(yè)中(特別是論壇貼子中)其它地方也可能出現(xiàn)"]"這樣的字符。它們可能包含一大堆像"[3]:我想找...[4]:喜歡這歌,頂下"、"第[1]頁(yè)"這樣的包含"]"字符內(nèi)容(甚至是像[ MP=480,360,false]http://music.f4666.com/music/turanziwo.mp3[/MP]"這樣的論壇發(fā)貼的代碼)?梢詤⒖家幌逻@個(gè)網(wǎng)頁(yè)或其它論壇: www.zjnetcafe.com/html/7/60586.htm
if (htmlData.slice(lastIndex-3, lastIndex-2) == "." && htmlData.slice(lastIndex-6, lastIndex-5) == ":") 對(duì)它進(jìn)行驗(yàn)證,在這里我只驗(yàn)證兩個(gè)字符:在它前面3個(gè)字符的"." 和 在它前面6個(gè)字符的":"。你可以加上驗(yàn)證在它前面9個(gè)字符的"["來(lái)加強(qiáng)驗(yàn)證。代碼是:
if (htmlData.slice(lastIndex-3, lastIndex-2) == "." && htmlData.slice(lastIndex-6, lastIndex-5) == ":" && htmlData.slice(lastIndex-9, lastIndex-8) == "[")
如果驗(yàn)證失。ㄒ簿褪钦f(shuō)它不是我們想找的像"[00:30.11]"這樣的標(biāo)簽),我們將再向前搜索直到找到這個(gè)標(biāo)簽為止,跳到else部份: else { htmlData = htmlData.slice(0, lastIndex); ...... findEndTag(); } } htmlData = htmlData.slice(0, lastIndex) 截取在找到的"]"這個(gè)字符之前的內(nèi)容用作以后的處理,findEndTag() 使它繼續(xù)重復(fù)上面查找驗(yàn)證的工作。 注意,findEndTag()運(yùn)行了它自已身,我們的整個(gè)查找驗(yàn)證的函數(shù)實(shí)際上是一個(gè)自循環(huán)(自已在函數(shù)內(nèi)部調(diào)用自已)。 flash中一個(gè)函數(shù)遞歸256次的限制。也就是一個(gè)函數(shù)不能重復(fù)執(zhí)行256次。超過(guò)256次 flash 就將終止它并可能停止執(zhí)行所有的ActionScript(接近于程序崩潰了) 這里我們自行加了一個(gè)計(jì)數(shù)器判斷將執(zhí)行次數(shù)限制在256次以內(nèi)以免到時(shí)flashPlayer終止它讓你的程序崩潰。 if (loopStart == undefined) { loopCount = 1; } else { delete loopStart; } if (loopCount<254) { loopStart = true; loopCount++; 這里用了一個(gè)一個(gè)相互排斥的鎖定的方法以使函數(shù)明白自已是不是第一次執(zhí)行。如果是,則重新開(kāi)始計(jì)數(shù)。如果不是,則將計(jì)數(shù)器累加,并將次數(shù)限制在規(guī)定次數(shù)以內(nèi)。
自循環(huán)函數(shù)是比較危險(xiǎn)的,如果不是必要,請(qǐng)盡量少使用它。(或者用兩個(gè)AB相同的函數(shù)交叉調(diào)用代替,但也請(qǐng)注意別讓函數(shù)陷在死循環(huán)里跳不出來(lái),極度危險(xiǎn)。更好的解決方案是將函數(shù)的執(zhí)行放在onEnterFrame事件中,但可能會(huì)犧牲點(diǎn)執(zhí)行速度,寫法如下:) function findEndTag() { this.onEnterFrame=function(){ var lastIndex = htmlData.lastIndexOf("]"); if (htmlData.slice(lastIndex-3, lastIndex-2) == "." && htmlData.slice(lastIndex-6, lastIndex-5) == ":") { var tmpBR = htmlData.slice(lastIndex); htmlData = htmlData.slice(0, lastIndex+tmpBR.indexOf("<br")+3); htmlData = htmlData.slice(0, htmlData.indexOf("</")); delete this.onEnterFrame; doFunction(); } else { htmlData = htmlData.slice(0, lastIndex); } } } 我們回到驗(yàn)證成功后的部份: var tmpBR = htmlData.slice(lastIndex); htmlData = htmlData.slice(0, lastIndex+tmpBR.indexOf("<br")+3); htmlData = htmlData.slice(0, htmlData.indexOf("</")); 我們只過(guò)濾掉我們不想要的部份,注意,不是從"]"這個(gè)字符串的位置過(guò)濾,這樣你將丟掉最后一行歌詞的內(nèi)容。我們查找最靠近這一行歌詞的源代碼標(biāo)簽(這里我們開(kāi)始要用到源代碼來(lái)識(shí)別了)"<br"方法是將"]"之后的內(nèi)容截成一個(gè)臨時(shí)的字符串并查找它的第一個(gè)位置,然后將它和前面的"]"位置累加得到最終的這個(gè)截取點(diǎn)。 因?yàn)橛行└柙~的旁邊并沒(méi)有"<br" 標(biāo)簽,它可能放在一個(gè)容器中(如文本框或者最后沒(méi)有"<br"結(jié)尾的表格),所我們加上這一句:htmlData = htmlData.slice(0, htmlData.indexOf("</")) 用高級(jí)的查找方式(加個(gè)起始位置參數(shù))你也可以將上面的代碼直接寫成這樣: htmlData = htmlData.slice(0, htmlData.indexOf("<br",lastIndex)+3); htmlData = htmlData.slice(0, htmlData.indexOf("</"));
最后我們回到這里: htmlData = htmlData.split("<br>").join("\n"); htmlData = htmlData.split("<br />").join("\n"); lrcData = htmlData.split(String.fromCharCode(10)).join("");
看看最后我們得到的LRC歌詞內(nèi)容,它大致是下面的樣子: ...... [ti:突然的自我]<br> [ar:黃小琥]<br> [al:]<br> [by:wolfpey]<br> [offset:500]<br> [00:02.67]《突然的自我》<br> [00:10.12]作詞:伍佰 徐克<br> [00:11.67]作曲/編曲:伍佰<br> [00:12.30]演唱:黃小琥<br> ...... 最后我們將所有<br>標(biāo)簽去除并替換成換行符 "\n"(LRC分行的寫法)。 (注:split().join()用來(lái)替換字符串,請(qǐng)參見(jiàn)wersling的站點(diǎn):http://www.wersling.com/blog/ )
考慮到html和xhtml的兼容性,所以這里用了兩次同樣的方法。第一次對(duì)html常用的"<br>"標(biāo)簽進(jìn)行替換,第二次對(duì)xhtml的"<br />"標(biāo)簽進(jìn)行替換。 如果再考慮到大小寫"<BR>"的問(wèn)題,應(yīng)該再寫成這樣: htmlData = htmlData.split("<br>").join("\n"); htmlData = htmlData.split("<BR>").join("\n"); htmlData = htmlData.split("<Br>").join("\n"); htmlData = htmlData.split("<bR>").join("\n"); htmlData = htmlData.split("<br />").join("\n"); htmlData = htmlData.split("<BR />").join("\n"); htmlData = htmlData.split("<Br />").join("\n"); htmlData = htmlData.split("<bR />").join("\n"); 也可以用先轉(zhuǎn)換大小寫的方式(但請(qǐng)注意記得還原原來(lái)LRC內(nèi)容的大小寫),幸好這里還不算太長(zhǎng)(只有br兩個(gè)字母)
最后,去掉多余的換行符。(String.fromCharCode(10) 等同于 "\n" );
(考慮對(duì)特別內(nèi)容的兼容性,最后一行代碼其實(shí)還是有些問(wèn)題的,一些站點(diǎn)可能并沒(méi)有"<br>"標(biāo)簽而直接用換行符替代,這樣最后一行代碼會(huì)引發(fā)問(wèn)題。) 如果再加上某些站點(diǎn)可能使用回車符換行的方式,應(yīng)該替換成這樣(共有4種組合方式): 回車+回車;回車+換行;換行+換行;換行+回車; 或者設(shè)計(jì)一個(gè)循環(huán)檢查代碼(針對(duì)三個(gè)以上連續(xù)回車換行的情況,這種情況極少)
源文件: http://www.95time.cn/articleimg/2006/01/3161/lrcSearch.rar
出處:藍(lán)色理想
責(zé)任編輯:藍(lán)色月光
上一頁(yè) 本地直接從百度獲取LRC歌詞 三 下一頁(yè) 實(shí)用性的東西
◎進(jìn)入論壇Flash專欄版塊參加討論
|