从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. 关于Windows azure从github上部署项目

    自己做了一个闪存解析的webapi,今天尝试了一下加一个HelpPage,本地访问正常,但是在azure上就报错. 项目是不熟在WindowsAzure上的,项目自动同步github上的项目.gith ...

  2. Centos 6.5下一个SNMP简单配置(snmp protocol v3,监控宝)

    Centos 6.5下一个SNMP简单配置(snmp protocol v3.监控宝) jom_ch@2014/7/25 1,安装 >yum -y install net-snmp net-sn ...

  3. Repository、IUnitOfWork

    Repository.IUnitOfWork 在领域层和应用服务层之间的代码分布与实现 本来早就准备总结一下关于Repository.IUnitOfWork之间的联系以及在各层中的分布,直到看到田园里 ...

  4. windows下一个,OracleServiceXXX和Oracle 关系实例

    其实,windows下的oracle,在oracle实例启动时,是全然依赖于 window服务中的OracleServiceXXX .这个XXX就是oracle的实例名(注意啊,不是数据库名称,而是实 ...

  5. Asp.NET MVC3 使用 SignalR 实现推

    一,简单介绍 Signal 是微软支持的一个执行在 Dot NET 平台上的 html websocket 框架. 它出现的主要目的是实现server主动推送(Push)消息到client页面,这样c ...

  6. C语言文件操作函数大全

    http://blog.csdn.net/mu0206mu/article/details/18980913 clearerr(清除文件流的错误旗标) 相关函数 feof表头文件 #include&l ...

  7. 活锁(livelock)

    活锁(livelock) 活锁指的是任务或者执行者没有被阻塞,由于某些条件没有满足,导致一直重复尝试,失败,尝试,失败. 活锁和死锁的区别在于,处于活锁的实体是在不断的改变状态,所谓的“活”, 而处于 ...

  8. java中System类简介(转)

    上次面试中遇到的一个问题,问到System.out.println()中的out是不是内部类[不是内部类],当时就给问蒙了,直观感觉out应该是System类的一个属性,跟内部类有什么关系?而且之前整 ...

  9. word插入图片显示不完整的解决的方法

    有时在编写word文档,插入图片时,会出现图不完整的情况. 解决方法是:选中图片,段落格式设置为单位行距(不是22磅),图片格式为嵌入式.问题解决.

  10. POJ 1113 || HDU 1348: wall(凸包问题)

    传送门: POJ:点击打开链接 HDU:点击打开链接 以下是POJ上的题: Wall Time Limit: 1000MS   Memory Limit: 10000K Total Submissio ...