當然,Flv格式視屏也是可以播放的。
推薦參考文檔:http://livedocs.adobe.com/fms/2/docs/wwhelp/wwhimpl/common/html/wwhelp.htm?context=LiveDocs_Parts&file=00000788.html
目前自己也是初學者,不過希望分享一下,如果是高手,就大可在此打住(*^__^*) 嘻嘻……。
先看下效果:

實現的幾個基本功能:
第一 和javascript交互,顯示進度。
第二 實現自動播放下一首
當然 當你點擊播放按鈕他肯定要能切換歌曲。
功能很簡單了。不過還是有很多細節要注意的,呵呵。
我們先分析一下ActionScript需要用到的幾個類,以及構建流程。
NetConnection -> NetStream
就這兩個核心類。其中關鍵是時間的處理。通常NetStream有比如 NetSream.Player.Start事件,這些很重要。我們貼出部分代碼:
publicfunction init():void {
registerJavaScriptFunction();
createConnection();
}
privatefunction registerJavaScriptFunction():void
{
ExternalInterface.addCallback("pauseAndResume_flex",pauseAndResume);
ExternalInterface.addCallback("stop_flex",stop);
ExternalInterface.addCallback("play_flex",play);
MSG("注冊函數給javascript用");
}
privatefunction createConnection():void {
NetConnection.defaultObjectEncoding =
flash.net.ObjectEncoding.AMF0;
connection = new NetConnection();
connection.connect(streamLink);
connection.addEventListener
(NetStatusEvent.NET_STATUS,netStatusHandler);
connection.addEventListener
(SecurityErrorEvent.SECURITY_ERROR,securityErrorHandler);
connection.addEventListener(AsyncErrorEvent.ASYNC_ERROR,onBWDone);
MSG("創建Connection以及注冊必要的監聽器");
}
代碼格式稍微有點亂,Word用的不行。
init是初始化函數,主要注冊javascript回調函數以及創建Connnection連接。
connection.connect(streamLink)中的streamLink是類似于rtmp://ip//name的地址。ActionScript面向對象部分很像C#或者Java,不過動態性方面則和javascript一樣,很酷。
初始化后就要通過NetStream連接具體的對象了(對了前面的事件處理函數函數比如securityErrorHandler之類的,我們放在后面講).
privatefunction connectStream():void {
stream = new
NetStream(connection);
stream.bufferTime=15;
stream.addEventListener(NetStatusEvent.NET_STATUS,netStatusHandler);
var nsClient:Object = {};
nsClient.onMetaData =
ns_onMetaData;
nsClient.onCuePoint =
ns_onCuePoint;
nsClient.onPlayStatus=ns_ononPlayStatus;
video.attachNetStream(stream);
stream.client = nsClient;
//uic.setActualSize(320,240);
uic.addChild(video);
MSG("NetStream創建完畢");
// addChild(video);
}
需要注意的是,nsClient.onPlayStatus=ns_ononPlayStatus;也就是onPlayStatus事件還是蠻重要的。通常事件,比如NetStream.Play.Start
NetStream.Play.Stop(嚴格來看這些當然不是事件,而只是時間發布時附帶的一個標志),但Adobe得開發人員不知道吃錯藥了還是怎么著,把NetStream.Play.Complete 和NetStream.Play.Switch放到了OnPlayStatus屬性中。
很多人都以為Complete事件簿其作用呢。
現在我們看看在Connection以及NetStream的創建過程中安裝的監聽器的具體處理。
privatefunction ns_ononPlayStatus(item:Object):void
{
for (var prop in item) {
MSG(""t"+prop+":"t"+item[prop]);
if(item[prop]== "NetStream.Play.Complete")
{
if(interval!=0)
{
clearInterval(interval);
}
MSG("完成播放"+this.linkName);
noticeJavascript();
}
}
}
privatefunction netStatusHandler(event:NetStatusEvent):void {
switch (event.info.code) {
case"NetConnection.Connect.Success":
connectStream();
break;
case"NetStream.Play.StreamNotFound":
Alert.show("沒有找到媒體");
case"NetStream.Play.Stop":
{
MSG("已近停止播放"+this.linkName);
if(interval!=0)
{
clearInterval(interval);
}
MSG(stream.time+"--"+(duration-2))
if (stream.time >
duration-2){
MSG("完成播放"+this.linkName);
noticeJavascript();
}
}
case"NetStream.Play.Start":
{
interval=setInterval(configProgressBar,300);
}
default:
//message.text+=""n"+("netStatusHandler:code:
" + event.info.code);
break;
}
}
還有幾個回調事件函數,你可以給個空實現,這不影響。
要實現自動播放下一首,必須觸發NetStream.Play.Complete事件,當然你也可以用Stop模擬,方式如下(有人成功過,我沒有):
If(stream.time>duration-2)
{
MSG(“播放結束”)
}
個人做過試驗,該方法似乎不起作用,歌曲播放結束后time要小于duration很多。網上有人說可以通過上面的模擬。大家可以自己嘗試一下。
播放結束后,可以通知javascript播放結束,這個時候回調一個noticeJavascript函數通知javascript.JavaScript則調用Flex的Play函數,這樣可以輕松實現連續播放。當然這種便利性得利于Flex與Javascript的良好交互性。他們之間的調用可以參考官方文檔。我這里給出基本用法。
注冊一個函數讓Javascipt調用的格式:
ExternalInterface.addCallBack(“給javascript調用的函數名”,Flex中的函數名);
調用一個Javascript函數的方式則更簡單直觀:
ExternalInterface.call(“javascript函數名”,參數);
參數是個不定參數,可以任意多個,不過記得順序需要和Javascript申明的一樣。
自動播放解決了。那么在html頁面顯示歌曲精度問呢。細心的話,大家在前面應該看到這一段代碼:
interval=setInterval(configProgressBar,300);
我們調用了一個每隔300毫秒執行的一個configProgressBar的函數,該函數內部調用了Javascript函數繪制界面。
內部代碼為:
buffer_bar.setProgress(stream.bufferLength/stream.bufferTime*290
as Number,290);
time_b.setProgress(stream.time/duration*290
as Number,290);
ExternalInterface.call("setProgressBar",stream.time,duration,stream.bufferLength,stream.bufferTime);
這樣進度繪制的問題就解決了。
前面的停止播放暫停很簡單,大家可以看看源碼。
之前我遇到一個問題,每次播放當用戶手動播放某一首歌曲的時候,如何停掉前面的一首歌曲,當時有兩個,通過netStream.close()關閉流,但不關閉connection.第二種則是通過netStream.play(false)讓后再播放另一首,我嘗試過似乎都可以,但是第一種會導致進度繪制停頓,沒鬧明白什么原因,初步猜測應該是監聽器注冊地問題,可能需要將監聽器重新注冊一遍。
先寫到這吧。在上班的時候寫的,有點急,不過我會不斷地修改這篇文章。大家有時間也可以共同修改。