您现在的位置:首页 >> 前端 >> 内容

基于微信的【点歌台】功能开发

时间:2017/3/2 10:00:00 点击:

  核心提示:基于微信的【点歌台】功能开发微网站,微社区,微店铺现在是实打实的微时代啊。据我观测,随着移动互联时代的推进,web app将会走红,人们习惯于APP的操作界面,又不喜欢安装各种APP,所以基于云端的w...

基于微信的【点歌台】功能开发

微网站,微社区,微店铺……现在是实打实的微时代啊。据我观测,随着移动互联时代的推进,web app将会走红,人们习惯于APP的操作界面,又不喜欢安装各种APP,所以基于云端的web app势必要走红,而微信的火热恰好为微网站提供了大显身手的舞台~废话太多了,进入主题吧,好久没写时间写博客了。

思路是用户提交关键字后,利用百度音乐API取出音乐地址,然后以音乐的格式返回。

百度API:https://box.zhangmen.baidu.com/x?op=12&count=1&title=小苹果$$筷子兄弟$$$$

可见API中需要提交音乐名称和歌手名字,而且歌手名字需要准确。像我这种只听歌,不记歌手的人来说,这接口基本算是废了。怎么办?easy,我的思路是先到比较大的音乐站点,提交歌名,然后抓取到返回结果中第一首歌的歌手名,其实一般大家熟知的歌,在搜索结果中排名都是第一位的。所以这样返回的歌手基本上90%就是你所需要的。

既然有了思路就开工呗,先喵一个音乐网站被,我就选酷我了,登陆酷我首页,提交关键字“小苹果”,得到返回结果,用chrome工具分析post数据,可以看到提交的url为:

https://sou.kuwo.cn/ws/NSearch?type=all&key=%E5%B0%8F%E8%8B%B9%E6%9E%9C

用urldecode反编码即为:https://sou.kuwo.cn/ws/NSearch?type=all&key=小苹果

可以看到搜索结果的前五首都是筷子兄弟,所以准确率还是可以的,然后就是抓取这个搜索页面,分析网页,正则匹配出我们所需的第一首歌的歌手,这个我就不多说了,正则是个耐心活,自己慢慢匹吧~

现在我们已经内容那个通过歌名获取到歌手名字了,接下来解释post百度API了,返回XML形式的数据:

[php]

https://zhangmenshiting.baidu.com/data2/music/121184680/YmRkZW1qbXBhYKCkaHWvm6CWmHGXbGxslZNmZpiZmmxia2NrbGpoaJRplZqZl2yZY2KUZGZmnJphlWZqZpxpaWpkbG1bo6CcbmJham5tbWhnaGVnZW5ramcy

]]> 

121184680.mp3?xcode=b654da32ccc419077410c7bfda5a20a010eb0c361f219299&mid=0.69760662308426 

]]> 

25467 

https://zhangmenshiting2.baidu.com/data2/music/121184718/YmRkZW1qbmlpYKCkaHWvm6CWmHGXbGxslZNmZpiZmmxia2NrbGpoaJRplZqZl2yZY2KUZJZpbmhjZWZpZ22camKXZJVbo6CcbmJham5tbWhnaGVnZW5ramcy

]]> 

121184718.mp3?xcode=b654da32ccc419077410c7bfda5a20a0a370233527e21e1a&mid=0.69760662308426 

]]> 

25467 


 

[/php]
 
这里第一个encode返回的url并不是MP3的真实地址,而是encode的url去掉最后一串字符串然后加上decode的url,就是他的低品质MP3地址,本例就是https://zhangmenshiting.baidu.com/data2/music/121184680/121184680.mp3?xcode=b654da32ccc419077410c7bfda5a20a010eb0c361f219299&mid=0.69760662308426
 
第二个encode和decode合并出来的是高品质的MP3地址。
 
XML中还包含歌词信息,取出25467标签中的数字,歌词地址就是https://box.zhangmen.baidu.com/bdlrc/254/25467.lrc,相信聪明的大家已经明白了算法,就是https://box.zhangmen.baidu.com/bdlrc/【数字/100取整】/数字,然当然这个是额为的话题了。
 
知道了真实链接的获取方法,剩下的就是用正则匹配处理了,然后与微信返回音乐的格式相结合就OK了。
 
微信返回音乐的格式:
 
[php]
 
<pre class="brush:sql;"></pre>  <p>[/php]</p><p>最后将整个流程封装成一个类(最经发现有点强迫症心里,写的方法不封装就心里不爽= =),截个图供参考,想要代码自己照着敲吧~鄙视伸手党,哈哈~</p><p><img src="/uploadfile/Collfiles/20170301/20170301095847139.jpg" alt="QQ图片20140805232940" title="\" style="width: 630px; height: 445.19px;">调用方法很简单,实例化后直接传入参数:</p><p>[php]</p><p>$music = new MusicUrl(); <br> $key = strreplace("音乐","",$key); <br> $contents = $music -> getmusicurl($key); <br> $content = array(); <br> $content[] = array( <br> "Title"=>$contents[‘Title’]."—".$contents[‘Description’], <br> "Description"=>$contents[‘Description’], <br> "PicUrl"=>"https://attach.bbs.miui.com/fZ喎�"/kf/ware/vc/" target="_blank" class="keylink">vcnVtLzIwMTEwNi8yMy8yMTAyMTAyejVhanBxZ2QyaHdqbjIwLmpwZyZxdW90OywgPGJyPiAmcXVvdDtVcmwmcXVvdDsgPSZndDsmcXVvdDtodHRwOi8vMS53ZXNhZS5zaW5hYXBwLmNvbS9wbGF5LnBocD90aXRsZT0mcXVvdDsuJGNvbnRlbnRzW6GuVGl0bGWhr10uJnF1b3Q7JmFtcDtkZXNjcmlwdGlvbj0mcXVvdDsuJGNvbnRlbnRzW6GuRGVzY3JpcHRpb26hr10uJnF1b3Q7JmFtcDttdXNpY3VybD0mcXVvdDsuJGNvbnRlbnRzW6GuTXVzaWNVcmyhr10gPGJyPiApOzwvcD48cD5bL3BocF08L3A+PHA+yOe5+8/r08POotDF19S0+OSvwMDG97Klt8W1xLuwo6y96cnc0ru/7mpzsqW3xcb3o7phdWRpby5qc6Ost72x47X308OjrL/J0tTK1MrUoaM8L3A+PHA+1+7W1dCnufvNvMjnz8KjujwvcD48cD48aW1nIHNyYz0="/uploadfile/Collfiles/20170301/20170301095847142.jpg" alt="QQ图片20140805233748" title="">大家可以关注服务号【bistu】查看,有问题欢迎留言探讨~</p>

 

作者:网络 来源:henrypt的博客