最近准备用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：图片尺寸

 

转载地址：https://segmentfault.com/a/1190000007685830