调用百度API获取歌曲列表

当你想做个音乐播放器,来搜索网上歌曲,下载网上歌词文件的时候,你是怎么做的呢?

不会用最笨的方法分析网页吧。太笨了吧。

最好的方法是用歌曲搜索API了,百度有个不公开的API
http://box.zhangmen.baidu.com/x?op=12&count=1&title= 大约在冬季$$齐秦$$$$
该地址返回一个结果,如下。 说明返回了5个结果,
encode里面是加密后的歌曲地址,实际上只对歌曲名进行了加密,而歌曲名在decode里面
这样通过edcode和decode里面的内容进行组合就得到了歌曲的实际地址。
那么歌词文件在哪呢。歌词文件是
http://box.zhangmen.baidu.com/bdlrc/147/14706.lrc
http://box.zhangmen.baidu.com/bdlrc/是固定的147是目录名、14706.lrc是歌词文件名。
歌词文件名就是 < lrcid > 14706 </ lrcid > 的值了,目录名是怎么判断的呢。很简单就是歌词文件名除以100,再向下取整就行了。

代码
<? xml version="1.0" encoding="gb2312"  ?>  
< result >

< count > 5 </ count >  
< url >

< encode > http://epaper.lvlnews.cn/llwb/zhj/lautmJ82.mp3 </ encode >  
< decode > dyzdj.mp3 </ decode >
 
< type > 0 </ type >
 
< lrcid > 14706 </ lrcid >
 
</ url >

< url >
< encode > http://menglei.ucoz.com/lautmJ82.mp3 </ encode >  
< decode > dyzdj.mp3 </ decode >
 
< type > 0 </ type >
 
< lrcid > 14706 </ lrcid >
 
</ url >

< url >
< encode > http://bbs.rednet.cn/uploadfile/2006/11/19/Y2NlbWlnNw$$.wma </ encode >  
< decode > 212941.wma </ decode >
 
< type > 2 </ type >
 
< lrcid > 14706 </ lrcid >
 
</ url >

< url >
< encode > http://s.tze.cn/upfiles/668/5SUH8AkQ7eTt8DM$.mp3 </ encode >  
< decode > 大约在冬季.mp3 </ decode >
 
< type > 0 </ type >
 
< lrcid > 14706 </ lrcid >
 
</ url >

< url >
< encode > http://www2.idaocao.com/wump77jswpy_mp3/lauoma-aoTg$.mp3 </ encode >  
< decode > dyuezdj.mp3 </ decode >
 
< type > 0 </ type >
 
< lrcid > 14706 </ lrcid >
 
</ url >

</ result >

每次返回的结果不太一样。
结果XML中 < count > 5 / count > 说明返回了5个结果,
encode里面是加密后的歌曲地址,实际上只对歌曲名进行了加密,而歌曲名在decode里面
这样通过edcode和decode里面的内容进行组合就得到了歌曲的实际地址。
那么歌词文件在哪呢。歌词文件是
http://box.zhangmen.baidu.com/bdlrc/147/14706.lrc
http://box.zhangmen.baidu.com/bdlrc/是固定的147是目录名、14706.lrc是歌词文件名。
歌词文件名就是 < lrcid > 14706 </ lrcid > 的值了,目录名是怎么判断的呢。很简单就是歌词文件名除以100,再向下取整就行了。

这样就可以通过百度API来得到歌曲和歌词路径了。

调用百度API获取当前位置,可以使用百度地图JavaScript API。以下是使用Vue.js实现的代码示例: 1. 在index.html中引入百度地图JavaScript API: ```html <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的ak"></script> ``` 其中,你需要替换“你的ak”为你申请的百度地图API的AK值。 2. 在Vue组件中定义获取当前位置的方法: ```javascript export default { data() { return { currentPosition: null, }; }, methods: { getCurrentPosition() { if (navigator.geolocation) { navigator.geolocation.getCurrentPosition( (position) => { const point = new BMap.Point(position.coords.longitude, position.coords.latitude); const geoc = new BMap.Geocoder(); geoc.getLocation(point, (rs) => { const addr = rs.addressComponents; this.currentPosition = `${addr.province}${addr.city}${addr.district}${addr.street}${addr.streetNumber}`; }); }, (err) => { console.log(err); } ); } else { console.log("浏览器不支持Geolocation"); } }, }, }; ``` 这里使用了HTML5的Geolocation API获取当前位置,然后使用百度地图JavaScript API的Geocoder类将获取到的经纬度转化为地址字符串。 3. 在Vue组件模板中调用getCurrentPosition方法并显示当前位置: ```html <template> <div> <button @click="getCurrentPosition">获取当前位置</button> <p v-if="currentPosition">{{ currentPosition }}</p> </div> </template> ``` 这里使用了Vue的条件渲染功能,在获取到当前位置后才显示当前位置字符串。 注意:由于需要使用浏览器的Geolocation API,所以需要在HTTPS协议下运行。
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值