從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]脫離不了 單行的軌道"})
例如:,.這樣的編碼並沒有轉義過來,要在網頁上展示歌詞滾動的操作,必選先將編碼轉為正常的符號,現在定義簡易的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]脫離不了 單行的軌道"})
之后就可以進行歌詞的展示了^_^