从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]脱离不了 单行的轨道"})

之后就可以进行歌词的展示了^_^

qq音乐的歌词接口中例如&#58,&#46的特殊符号编码使用js进行转义的更多相关文章

  1. QQ音乐无损歌曲接口api

    1.打开QQ音乐官网 y.qq.com 2.选择你要的歌曲,进入后查看网址,以虎口脱险这个歌曲为例:http://y.qq.com/#type=song&mid=000Ib8E71sUNi7 ...

  2. vue-music 跨域获取QQ音乐歌单接口

    最近在看vue音乐APP视频学习,需要跨域获取歌单数据,视频中老师是在build/dev-server.js文件配置跨域接口的,但是新版的vue-cli是没有这个文件的,我的vue版本是"2 ...

  3. iOS开发--QQ音乐练习,歌词的展示,歌词的滚动,歌词的颜色变化

    一.歌词的展示 -- 首先歌词是在scrollView上,scrollView的大小是两个屏幕的宽度 scrollView滚动修改透明度的代码                             ...

  4. QQ音乐API

    今天分享的是QQ音乐API 搜索歌曲API:http://s.music.qq.com/fcgi-bin/music_search_new_platform?t=0& amp;n={2}&am ...

  5. 10、 在QQ音乐中爬取某首歌曲的歌词

        需求就是把关卡内的代码稍作修改,将周杰伦前五页歌曲的歌词都爬取下来,结果就是全部展示打印出来.       URL  https://y.qq.com/portal/search.html#p ...

  6. QQ音乐的动效歌词是如何实践的?

    本文由云+社区发表 作者:QQ音乐技术团队 一. 背景 1. 现状 歌词浏览已经成为音乐app的标配,展示和动画效果也基本上大同小异,主要是单行的逐字染色的卡拉OK效果和多行的滚动效果.当然,我们也不 ...

  7. Android自定义View,高仿QQ音乐歌词滚动控件!

    最近在以QQ音乐为样板做一个手机音乐播放器,源码下篇博文放出.今天我想聊的是这个QQ音乐播放器中歌词显示控件的问题,和小伙伴们一起来探讨怎么实现这个歌词滚动的效果.OK,废话不多说,先来看看效果图: ...

  8. 轻仿QQ音乐之音频歌词播放、锁屏歌词-b

    先上效果图 歌词播放界面 音乐播放界面 锁屏歌词界面 一. 项目概述 前面内容实在是太基础..只想看知识点的同学可以直接跳到第三部分的干货 项目播放的mp3文件及lrc文件均来自QQ音乐 本文主要主要 ...

  9. vue 音乐App QQ音乐搜索列表最新接口跨域设置

    在 webpack.dev.config.js中 'use strict' const utils = require('./utils') const webpack = require('webp ...

随机推荐

  1. quick-cocos2d-x游戏开发【3】——display.newSprite创建向导

    游戏嘛.没有图片没有图片可以称为你的游戏,所以,我们看一下使用quick如何创建精灵的方式. quick的api精灵族的创造仍然是非常具体的解释.因此,建立非常easy. display.newSpr ...

  2. Sql中联合查询中的”子查询返回的值不止一个“的问题

    在子查询中,如果想实现如下的功能: select lib,count(*),select sum(newsNo) from Table1 group by lib from Tabel1 T1,Tab ...

  3. [python]自问自答:python -m参数? (转)

    python -m xxx.py 作用是:把xxx.py文件当做模块启动但是我一直不明白当做模块启动到底有什么用.python xxx.py和python -m xxx.py有什么区别! 自问自答: ...

  4. Linux 编程学习笔记----命令行参数处理

    转载请注明出处.http://blog.csdn.net/suool/article/details/38089001 问题引入----命令行參数及解析 在使用linux时,与windows最大的不同 ...

  5. Entity Framework笔记(一)

    最近在看MVC方面的资料,看了几个教程都在使用Entity Framework做数据持久化.之前也听说过这个东西,在微软的网站上看过一个演示视频,但都没怎么去仔细研究.MVC的东西太庞大了,先慢慢熟悉 ...

  6. [SignalR]一个简单的聊天室

    原文:[SignalR]一个简单的聊天室 1.说明 开发环境:Microsoft Visual Studio 2010 以及需要安装NuGet. 2.添加SignalR所需要的类库以及脚本文件: 3. ...

  7. GMSK调制仿真

    GMSK 调制的的原理非常简单. 就是MSK调制前进行Gauss滤波. 在实现中有这样的方法,首先产生高斯系数,对称的上升陂和下降陂系数.输入一个符号,进行上采样,经过高斯滤波器,滤波器的输出做有符号 ...

  8. IOS计划 分析

    1.基本介绍 IOS苹果公司iPhone.iPod touch和iPad操作系统和其他设备的发展. 2.知识点 1.IOS系统 iPhone OS(现在所谓的iOS)这是iPhone, iPod to ...

  9. 控件注册 - 利用资源文件将dll、ocx打包进exe文件(C#版)

    原文:控件注册 - 利用资源文件将dll.ocx打包进exe文件(C#版) 很多时候自定义或者引用控件都需要注册才能使用,但是如何使要注册的dll或ocx打包到exe中,使用户下载以后看到的只是一个e ...

  10. HDU 4349 Xiao Ming's Hope

    非常无语的一个题. 反正我后来看题解全然不是一个道上的. 要用什么组合数学的lucas定理. 表示自己就推了前面几个数然后找找规律. C(n, m) 就是 组合n取m: (m!(n-m!)/n!) 假 ...