从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. Html5响应式设计与实现广场

    由于提出的想法响应式设计,越来越多的网站使用这样的思想.各类大型网站如雨后春笋般涌了出来.例如:小米商城.天猫等. 至于响应式设计的概念等大家能够去百度百度,我这里就不相信解说了.直接为大家带来源代码 ...

  2. TempDB 中表变量和局部临时表的对比

    原文:TempDB 中表变量和局部临时表的对比 参考资料来源: http://blogs.msdn.com/b/sqlserverstorageengine/archive/tags/tempdb/ ...

  3. ehcache历史变迁及常用API的使用(转)

    ehcache是一个用Java实现的使用简单,高速,实现线程安全的缓存管理类库,ehcache提供了用内存,磁盘文件存储,以及分布式存储方式等多种灵活的cache管理方案.同时ehcache作为开放源 ...

  4. 随着MapReduce job实现去加重,多种输出文件夹

    总结以往的工作中遇到的一个问题. 背景: 操作和维护与scribe从apacheserver一再被推到日志记录,所以在这里ETL处理正在进行的重.有根据业务的输出类型是用于多文件夹一个需求.方便挂分区 ...

  5. 国外流行的共享网站实现:facebook,twitter,google+1,tumblr等待

    近期需要做相关的国外几个站点共享,本来我以为它会和weibo.在同样的烦恼空间,什么appkey啦,apptoken啦.api啦.结果非常意外的发现并非如此恼火. Twitter分享: https:/ ...

  6. HDOJ--4821--String【弦hash】

    联系:http://acm.hdu.edu.cn/showproblem.php?pid=4821 题意:给一个字符串,选m个长度为l的子串组成新的串.要求这m个子串互不同样,问有多少种组合. 字符串 ...

  7. Leetcode 动态规划 Candy

    本文senlie原版的,转载请保留此地址:http://blog.csdn.net/zhengsenlie Candy Total Accepted: 16494 Total Submissions: ...

  8. Microsoft.AlphaImageLoader过滤评论

    Microsoft.AlphaImageLoader是IE滤镜的一种,其主要作用就是对图片进行透明处理.尽管FireFox和IE7以上的IE浏览器已经支持透明的PNG图片,可是就IE5-IE6而言还是 ...

  9. STL 源代码分析 算法 stl_heap.h

    本文senlie原版的.转载请保留此地址:http://blog.csdn.net/zhengsenlie heap ----------------------------------------- ...

  10. C++定义自己的命名空间和头文件

    下面的例子演示如何使用一个简单的演示空间和自己的头文件定义.码如下面: compare.h: namespace compare{ double max(const double* data,int ...