QQ音乐API整顿

blog
md

近来准备用vue做个音乐播放器，网上找了找音乐API，看了一圈，照样QQ音乐最合适，这里做个整顿

歌曲搜刮

接口地点

var num = 3,
    name = '王菲',
    urlString = `http://s.music.qq.com/fcgi-bin/music_search_new_platform?t=0&n=${num}&aggr=1&cr=1&loginUin=0&format=json&inCharset=GB2312&outCharset=utf-8&notice=0&platform=jqminiframe.json&needNewCode=0&p=1&catZhida=0&remoteplace=sizer.newclient.next_song&w=${name}`;

挪用

//用了个PHP代办处理跨域题目
$.post("proxy.php", {
        urlString
      }, function(data) {
        data = JSON.parse(data)
        data['data']['song']['list'].forEach(
          e => console.log(e['f'])
        )
      })

<?php
$url=$_POST['urlString'];
$res = file_get_contents($url);
echo $res;
?>

解释

num：要求搜刮的数目

name：搜刮的关键词

歌曲榜单

接口地点

// 新歌榜：http://music.qq.com/musicbox/shop/v3/data/hit/hit_newsong.js
// 总榜：http://music.qq.com/musicbox/shop/v3/data/hit/hit_all.js

挪用

$.ajax({
  type: "get",
  async: false,
  url: "http://music.qq.com/musicbox/shop/v3/data/hit/hit_newsong.js",
  dataType: "jsonp",
  jsonp: "callback",
  jsonpCallback: "JsonCallback",
  scriptCharset: 'GBK',//设置编码，否则会乱码
  success: function(data) {
    console.log(JSON.stringify(data))
  },
  error: function() {
    alert('fail');
  }
});

解释

重要猎取的是id（歌曲id）、albumId（图片id）

歌曲地点

接口地点

var id = 101369814,
    src = `http://ws.stream.qqmusic.qq.com/${id}.m4a?fromtag=46`

挪用

<audio src="http://ws.stream.qqmusic.qq.com/101369814.m4a?fromtag=46" controls></audio>

解释

没啥好说的。。

歌词地点

接口地点

var id = 101369814,
    txt = `http://music.qq.com/miniportal/static/lyric/${id%100}/${id}.xml`;

挪用

//用了个PHP代办处理跨域题目
$.post("proxy.php", {
        txt
      }, function(data) {
        console.log(data)
      })

<?php
$url=$_POST['txt'];
$res = file_get_contents($url);
$s = iconv('gbk','UTF-8',$res);//大坑，一是转编码，二是不能直接iconv输出，得有个变量转接
echo $s;
?>

解释

没啥说的

歌曲图片

接口地点

var image_id = 140820,
    width = 300,
    pic = `http://imgcache.qq.com/music/photo/album_${width}/${image_id%100}/${width}_albumpic_${image_id}_0.jpg`;

挪用

<img src="http://imgcache.qq.com/music/photo/album_300/20/300_albumpic_140820_0.jpg" alt="">

解释

image_id：图片id

width：图片尺寸