从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. wxWidgets+wxSmith版电子词典

    课程首页在:http://blog.csdn.net/sxhelijian/article/details/11890759,内有完整教学方案及资源链接 [项目3-OOP版电子词典](本程序须要的相关 ...

  2. 6-06. 理性任务调度(25)(拓扑排序啊 ZJU_PAT)

    主题链接:http://pat.zju.edu.cn/contests/ds/6-06 假定一个project项目由一组子任务构成,子任务之间有的能够并行运行.有的必须在完毕了其他一些子任务后才干运行 ...

  3. MEF初体验之一:在应用程序宿主MEF

    在MEF出现以前,其实微软已经发布了一个类似的框架,叫MAF(Managed Add-in Framework),它旨在使应用程序孤立和更好的管理扩展,而MEF更关心的是可发现性.扩展性和轻便性,后者 ...

  4. 原生js实现 常见的jquery的功能

    原生选择器   充分利用 bind(this)绑定 <div id="box"> <ul> <li >111 </li> <l ...

  5. Redis系列之(一):10分钟玩转Redis(转)

    1. Redis介绍 Redis是一个开源的使用ANSI C语言编写.基于内存的Key-Value数据库. 它支持存储的value类型相对更多,包括string(字符串).list(链表).set(集 ...

  6. arcgis,mapinfo(mapxtreme),openlayers专业GIS系统开发

    专业从事基于C#,WinForm ,WPF,Silverlight,WCF以及MS Sql Server 2000/2005/2008/2012 Oracle 9i/10g/11g数据库系统的ERP, ...

  7. SharePoint Search之(两)持续抓取Continues crawl

    于SharePoint 2010与在先前的版本号.有两种类型的抓取,Full和Incremental.故名思议.Full Crawl 抓取的时间.该Content Source里面的内容再次攀升.In ...

  8. [置顶] think in java interview-高级开发人员面试宝典(二)

    从现在开始,以样题的方式一一列出各种面试题以及点评,考虑到我在前文中说的,对于一些大型的外资型公司,你将会面临全程英语面试,因此我在文章中也会出现许多全英语样题. 这些题目来自于各个真实的公司,公司名 ...

  9. Codeforces 487C. Prefix Product Sequence 逆+结构体

    意甲冠军: 对于数字n, 他询问是否有1~n置换 这种布置能够在产品上模每个前缀n 有可能0~n-1 解析: 通过观察1肯定要在首位,n一定要在最后 除4意外的合数都没有解 其它质数构造 a[i]=i ...

  10. RMQ(模板 ST 区间最值,频繁的间隔时间)

    PS: 介绍:http://blog.csdn.net/liang5630/article/details/7917702 RMQ算法.是一个高速求区间最值的离线算法,预处理时间复杂度O(n*log( ...