qq音樂的歌詞接口中例如:,.的特殊符號編碼使用js進行轉義


從qq音樂的歌詞接口中得到這樣的代碼

jsonp11({"retcode":"0","code":"0","subcode":"0","type":"1","songt":"0","lyric":"[ti:單行的軌道]
[ar:G.E.M. 鄧紫棋	]
[al:]
[by:]
[offset:0]
[00:00.31]單行的軌道 - G.E.M. 鄧紫棋
[00:02.86]詞:G.E.M. 鄧紫棋
[00:04.31]曲:G.E.M. 鄧紫棋
[00:05.82]編曲:Lupo Groinig
[00:07.30]
[00:14.97]每一輛火車 前進必須沿着軌道
[00:20.75]
[00:22.03]跟隨着記號 往平淡或熱鬧
[00:26.10]
[00:29.21]沒一輛火車 是累了就隨時能停靠
[00:35.12]
[00:36.69]我邁向目標 卻又想要逃
[00:42.72]我從來不害怕 天崩或者地塌
[00:48.53]
[00:49.93]OH 我其實活得很瀟灑
[00:53.31]我每天都重新出發
[00:57.04]可是我不快樂 真的不快樂
[01:04.22]每天走到同樣的分岔
[01:07.66]可是我並沒有選擇
[01:10.68]這是一條 單行的軌道
[01:16.32]
[01:17.65]我已經退不了后路
[01:20.68]褪不掉最目無表情的微笑
[01:25.26]走在一條 單行的軌道
[01:31.28]
[01:32.26]讓鐵路決定了命運
[01:34.94]決定我每一步都脫離不了
[01:39.10]單行的軌道
[01:44.21]
[01:46.11]單行的軌道
[01:48.34]
[01:55.24]頭頂有藍天 身邊有微風輕輕擁抱
[02:02.22]為什么煩惱 海洋碰不着
[02:06.42]
[02:09.28]每一輛火車 穿山越嶺該值得驕傲
[02:15.47]
[02:16.97]但誰聽得到 我的哀號
[02:22.95]我從來不害怕  天崩或者地塌
[02:28.71]
[02:30.02]OH 我其實活得很瀟灑
[02:33.61]我每天都重新出發
[02:36.26]
[02:37.45]可是我不快樂 真的不快樂
[02:44.26]每天走到同樣的分岔
[02:47.95]可是我並沒有選擇
[02:51.18]這是一條 單行的軌道
[02:56.90]
[02:57.97]我已經退不了后路
[03:00.96]褪不掉最目無表情的微笑
[03:05.38]走在一條 單行的軌道
[03:12.51]讓鐵路決定了命運
[03:15.27]決定我每一步都脫離不了
[03:19.28]單行的軌道
[03:22.00]
[03:22.68]單行的軌道
[03:25.75]
[03:26.40]單行的軌道
[03:29.95]單行的軌道
[03:33.63]
[03:48.66]脫離不了 單行的軌道
[03:56.08]脫離不了 單行的軌道"})

例如&#58,&#46這樣的編碼並沒有轉義過來,要在網頁上展示歌詞滾動的操作,必選先將編碼轉為正常的符號,現在定義簡易的unescapeHTML方法,代碼如下

var unescapeHTML = function(lrc){
  var t=document.createElement("div");
  return t.innerHTML=lrc+"";
}

把上述歌詞代碼傳入unescapeHTML方法中,然后輸出到控制台進行測試,得到以下內容

jsonp11({"retcode":"0","code":"0","subcode":"0","type":"1","songt":"0","lyric":"[ti:單行的軌道]
[ar:G.E.M. 鄧紫棋 ]
[al:]
[by:]
[offset:0]
[00:00.31]單行的軌道 - G.E.M. 鄧紫棋
[00:02.86]詞:G.E.M. 鄧紫棋
[00:04.31]曲:G.E.M. 鄧紫棋
[00:05.82]編曲:Lupo Groinig
[00:07.30]
[00:14.97]每一輛火車 前進必須沿着軌道
[00:20.75]
[00:22.03]跟隨着記號 往平淡或熱鬧
[00:26.10]
[00:29.21]沒一輛火車 是累了就隨時能停靠
[00:35.12]
[00:36.69]我邁向目標 卻又想要逃
[00:42.72]我從來不害怕 天崩或者地塌
[00:48.53]
[00:49.93]OH 我其實活得很瀟灑
[00:53.31]我每天都重新出發
[00:57.04]可是我不快樂 真的不快樂
[01:04.22]每天走到同樣的分岔
[01:07.66]可是我並沒有選擇
[01:10.68]這是一條 單行的軌道
[01:16.32]
[01:17.65]我已經退不了后路
[01:20.68]褪不掉最目無表情的微笑
[01:25.26]走在一條 單行的軌道
[01:31.28]
[01:32.26]讓鐵路決定了命運
[01:34.94]決定我每一步都脫離不了
[01:39.10]單行的軌道
[01:44.21]
[01:46.11]單行的軌道
[01:48.34]
[01:55.24]頭頂有藍天 身邊有微風輕輕擁抱
[02:02.22]為什么煩惱 海洋碰不着
[02:06.42]
[02:09.28]每一輛火車 穿山越嶺該值得驕傲
[02:15.47]
[02:16.97]但誰聽得到 我的哀號
[02:22.95]我從來不害怕 天崩或者地塌
[02:28.71]
[02:30.02]OH 我其實活得很瀟灑
[02:33.61]我每天都重新出發
[02:36.26]
[02:37.45]可是我不快樂 真的不快樂
[02:44.26]每天走到同樣的分岔
[02:47.95]可是我並沒有選擇
[02:51.18]這是一條 單行的軌道
[02:56.90]
[02:57.97]我已經退不了后路
[03:00.96]褪不掉最目無表情的微笑
[03:05.38]走在一條 單行的軌道
[03:12.51]讓鐵路決定了命運
[03:15.27]決定我每一步都脫離不了
[03:19.28]單行的軌道
[03:22.00]
[03:22.68]單行的軌道
[03:25.75]
[03:26.40]單行的軌道
[03:29.95]單行的軌道
[03:33.63]
[03:48.66]脫離不了 單行的軌道
[03:56.08]脫離不了 單行的軌道"})

 

之后就可以進行歌詞的展示了^_^


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM