每天学一点flash（76）百度MP3音乐APi接口使用

百度MP3音乐API接口及应用

http://cloud21.javaeye.com/blog/611914

这里有一篇关于百度MP3音乐APi接口的应用，写了一下关于这个百度接口的应用，他可以提供一小部分的搜索功能，将其使用在MP3搜索上还是有一点意思。只是提供的接口方式还是或多或少有一些缺陷。但是借助他能够使用在微博上还是挺有意思的，新浪微博在没有和官方合作的时候，这个搜索信息接口是不会提供的，只有合作的者才能使用到。 百度的搜索能力很强大，只是提供数据并不是对个人开放，因此只能借用这个小接口。

如上面作者所说的，既要歌曲名称 也要歌名，那么有我不记得歌手，那岂不是不能搜索。所以问题就在这里，搜索还是带来一点不方便性。

另外一个说法是，输入这两个关键字有利于定位，不过你需要记得歌手和歌曲名，返回的时间和是比较快的。

不过暂时使用也是可以的。

http://box.zhangmen.baidu.com/x?op=12&count=1&title=大约在冬季$$齐秦$$$$

利用这个接口，我们先改造一下

http://box.zhangmen.baidu.com/x?op=12&count=1&title=songName$$songAuthor$$$$

修改两个关键字，方便我们进行替换。

替换的时候使用字符串分割，以#号为标记进行区分。

这样就可以实现替换的目的，搜索的时候就可以换成想要的链接地址了。

var infoArray:Array=info.split("#");

var newStr:String=searAPIURL.replace("songName",infoArray[0]);
newStr= newStr.replace("songAuthor",infoArray[1]);

替换的时候再把多余的空格去除，输入的时候就可以随意一些。

//去除空白
private function replacSpace(str:String):String
{
return str= str.replace(/(\s)*/gi , "");

}

远程调用这个接口 会返回一个小数量的歌曲链接，在这个时候进行拼接搜索时候的歌曲，由于我们只是需要mp3文件，那么对于的wma 和rm都不是我们需要的，因此在搜索返回结果的时候需要进行帅选，选择之后绑定一个数组里面进行绑定，我们希望得到歌词，同时的做法就是参考上一篇文章所说的做法 拼接lrc的地址，lrc的地址有可能会出现空的情况，所以制作的时候可以加一个条件进行选择。

//裁剪mp3地址
private function getSongAddress(url:String,songName:String):String
{
var end:int=url.lastIndexOf("/",url.length - 1 );
return url.substring(0,end+1)+songName;
}

//返回lrc 地址
private function getLRC(url:String):String
{
return lrcURL+int(int(url)/100).toString()+"/"+url+".lrc";
}

调用该接口返回的是一个xml文件：

如：

<?xml version="1.0" encoding="gb2312" ?>
- <result>
<count>5</count>
- <url>
<encode>http://zhangmenshiting.baidu.com/data/music/2322591/VndoWXZqXHloV3hrWnh4XXJoWHlqW3B7VnNrWXprXHBnV3R3WntsXXJ2WHVoZKSoZHGrl6SanHWTmJeamW1pcGZlamZoam9xZJVmaWWYa51imJlmZ25qazE$</encode>
<decode>%E5%A4%A7%E7%BA%A6%E5%9C%A8%E5%86%AC%E5%AD%A3.mp3?xcode=bfdfd728537234893c350b4e1ff22833</decode>
<type>1</type>
<lrcid>14706</lrcid>
</url>
- <url>
<encode>http://individual.utoronto.ca/xmc84/fpOslpp~pY-aoKeZpzY$.mp3</encode>
<decode>MaybeInWinter.mp3</decode>
<type>1</type>
<lrcid>14706</lrcid>
</url>
- <url>
<encode>http://vietnamese.cri.cn/mmsource/audio/2004/07/27/lZOsqZqwmKGVoaGbn583.rm</encode>
<decode>dayuezaidongji.rm</decode>
<type>2</type>
<lrcid>14706</lrcid>
</url>
- <url>
<encode>http://cnc.ycycedu.com/music/5SUH8AkQ7eTt8DM$.mp3</encode>
<decode>大约在冬季.mp3</decode>
<type>1</type>
<lrcid>14706</lrcid>
</url>
- <url>
<encode>http://120.35.4.23/data/mp3/VpRnWZtpXJxlV5WXWpprXZWTWJZrW5ibVpSWWZebNw$$.mp3</encode>
<decode>%b4%f3%d4%bc%d4%da%b6%ac%bc%be.mp3</decode>
<type>1</type>
<lrcid>14706</lrcid>
</url>
- <p2p>
<hash>5babc209cd096f0a3529a3dc8f66754bc58d0e29</hash>
</p2p>
</result>

利用xml的操作返回我们想要节点：

encode ：歌曲地址路径

decode ：歌曲名

type ：类型

lrcid ：lrc

返回的时候 需要进行 把encode 和
decode 节点数据 进行拼接，具体的方法 可以参考上面
http://cloud21.javaeye.com/blog/611914

这一篇文章介绍的方法。

基础的测试：

<?xml version="1.0" encoding="utf-8"?>
<s:Group xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" width="386" height="222" creationComplete="init()">

<s:TextInput id="msg"  text="爱与诚#古巨基" x="14" y="22" width="255"/>
<s:Button x="296" y="23" label="搜索" click="searCh()"/>
<s:Label x="14" y="52" text="说明:搜索的时候使用歌名# 歌手名 " color="0xff0000"/>
<mx:DataGrid  id="dg" x="5" y="72" width="380">
<mx:columns>
<mx:DataGridColumn headerText="地址" width="250" dataField="address" editable="true">
</mx:DataGridColumn>
<mx:DataGridColumn headerText="动作">
<mx:itemRenderer>
<fx:Component>
<mx:LinkButton label="试听" width="20" height="12" click="this.parentDocument.playSong(event)"/>
</fx:Component>
</mx:itemRenderer>
</mx:DataGridColumn>
<mx:DataGridColumn  headerText="歌词" dataField="lrc">
<mx:itemRenderer>
<fx:Component>
<mx:LinkButton label="歌词" width="20" height="12" click="this.parentDocument.loadSongLRC(event)"/>
</fx:Component>
</mx:itemRenderer>
</mx:DataGridColumn>
</mx:columns>
</mx:DataGrid>
<s:Label x="252" y="52" id="alertMsg" text="" width="200" color="0xff0000"/>

<fx:Script>
<!--[CDATA[
import flash.events.Event;
import flash.events.IOErrorEvent;
import flash.events.KeyboardEvent;
import flash.events.MouseEvent;
import flash.events.ProgressEvent;
import flash.media.Sound;
import flash.media.SoundChannel;
import flash.media.SoundLoaderContext;
import flash.media.SoundMixer;
import flash.net.*;
import flash.ui.Keyboard;
import flash.utils.ByteArray;

import mx.collections.ArrayCollection;
import mx.controls.*;
import mx.controls.dataGridClasses.DataGridColumn;
import mx.core.UIComponent;

import spark.components.Window;

private var searAPIURL:String="http://box.zhangmen.baidu.com/x?op=12&count=1&title=songName$$songAuthor$$$$";
private var lrcURL:String="http://box.zhangmen.baidu.com/bdlrc/";//lrc
private var loader:URLLoader;

[Bindable]
private var songList:ArrayCollection=new ArrayCollection();

private var sound:Sound;
private var soundChannel:SoundChannel=new SoundChannel();
private function searCh():void
{
if(msg.text=="") return;
songList.removeAll();
var info:String= replacSpace(msg.text);
var infoArray:Array=info.split("#");
var newStr:String=searAPIURL.replace("songName",infoArray[0]);
newStr= newStr.replace("songAuthor",infoArray[1]);
loader.load(new URLRequest(newStr));
}

//去除空白
private function replacSpace(str:String):String
{
return str= str.replace(/(\s)*/gi , "");

}

//爱与诚#古巨基
private function init():void
{
loader=new URLLoader();
loader.addEventListener(Event.COMPLETE,onData);
msg.setFocus();
addEventListener(KeyboardEvent.KEY_DOWN,onKeyDownHandler);
this.addEventListener(Event.REMOVED_FROM_STAGE,onRemoveSelf);

}
private function onRemoveSelf(event:Event):void
{
removeEventListener(Event.REMOVED_FROM_STAGE,onRemoveSelf);
removeEventListener(KeyboardEvent.KEY_DOWN,onKeyDownHandler);
loader=null;
}

private function onKeyDownHandler(event:KeyboardEvent):void
{
if(event.keyCode==Keyboard.ENTER)
{
searCh();
}
}

private function onData(event:Event):void
{
var xml:XML=XML(loader.data);
trace(xml);
var count:int=int(xml.count);
for(var i:int=0;i<count;i++)
{
if(xml.url[i].type.toString()=="1")
{
var songUrl:String=getSongAddress(xml.url[i].encode,xml.url[i].decode);
var lrcURl:String=getLRC(xml.url[i].lrcid);//加载的lrc有可能不存在的情况
var item:Object={address:songUrl,lrc:lrcURl};
songList.addItem(item);
}
}
dg.dataProvider=songList;
}

//裁剪mp3地址
private function getSongAddress(url:String,songName:String):String
{
var end:int=url.lastIndexOf("/",url.length - 1 );
return url.substring(0,end+1)+songName;
}

//返回lrc 地址
private function getLRC(url:String):String
{
return lrcURL+int(int(url)/100).toString()+"/"+url+".lrc";
}
//播放声音
public function playSong(event:MouseEvent):void
{
var url:String=event.currentTarget.parentDocument.dg.selectedItem.address;
SoundMixer.stopAll();
loadSong(url);
}

//查看歌词
public function loadSongLRC(event:MouseEvent):void
{
var url:String=event.currentTarget.parentDocument.dg.selectedItem.lrc;
//trace(url);
var loader:URLLoader=new URLLoader();
loader.dataFormat=URLLoaderDataFormat.BINARY;
loader.addEventListener(Event.COMPLETE,onLoadLRCCompleteHandler);
loader.addEventListener(IOErrorEvent.IO_ERROR,onLoadLRcErrorHandler);
loader.load(new  URLRequest(url));
}

private function onLoadLRCCompleteHandler(event:Event):void
{
event.currentTarget.removeEventListener(Event.COMPLETE,onLoadLRCCompleteHandler);
event.currentTarget.removeEventListener(IOErrorEvent.IO_ERROR,onLoadLRcErrorHandler);
var bytes:ByteArray=ByteArray(event.currentTarget.data);
var stringLength:int = bytes.bytesAvailable;
var outputStr:String =bytes.readMultiByte( stringLength, "gb2312" );
trace(outputStr);
}

private function onLoadLRcErrorHandler(event:IOErrorEvent):void
{
alertMsg.text="加载失败";
}

//加载歌曲
private function loadSong(url:String):void
{
if(sound!=null)
{
soundChannel.stop();
sound=null;
}
sound=new Sound(null,new SoundLoaderContext(2000));
sound.addEventListener(Event.COMPLETE,loadSongComplete);
sound.addEventListener(IOErrorEvent.IO_ERROR,onLoadError);
sound.addEventListener(ProgressEvent.PROGRESS,onLoadProgress);
sound.load(new URLRequest(url));
alertMsg.text="正在加载";

}
private function onLoadError(event:Event):void
{
alertMsg.text="加载失败";
}

private function onLoadProgress(event:ProgressEvent):void
{
alertMsg.text="正在加载"+int(event.bytesLoaded/event.bytesTotal*100).toString()+"/%";
}

private function loadSongComplete(event:Event):void
{
event.currentTarget.removeEventListener(Event.COMPLETE,loadSongComplete);
soundChannel=event.currentTarget.play();
alertMsg.text="加载成功";
}

]]-->
</fx:Script>
</s:Group>

创建一个air的程序，然后把运行一下这个文件。

<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" xmlns:ns1="*">
<fx:Declarations>
<!-- Place non-visual elements (e.g., services, value objects) here -->
</fx:Declarations>
<ns1:Mp3Serch x="0" y="77">
</ns1:Mp3Serch>

</s:WindowedApplication>

编辑之后，可以加以进行这个实现，丰富搜索回来的数据使用。

经过整合到微博客户端里面去就可以实现分享歌曲，查看歌词的操作。