AS3.0 Flash 網頁開發

[AS3]自製SWF內嵌式影音播放器

梅干 2009/12/30

梅問題-Flash教學-自製SWF內嵌影片播放器

  相信許多朋友對於Flash影片感到不陌生,透過Flash可將wmv的影音檔轉換成Flash的影音格式(flv), 並且還可直接套用內建的播放元件,說到這邊各位應該感覺愈來愈熟悉,連梅干也是這麼覺得,Flash播影片不就是將子嗎?但登…登….最近好友,突然問梅干若是把影片直接都包在swf裡時,怎麼使用它內建的播放器,這真是個好問題,當把影片變成內嵌入式時,所有影片都在影格上,讓梅干左思右想,該如何是好呢?於是梅干花了點時間,直接作了一個簡易的播放器,且日後只要將影片直接載入,就可以直接套用與播放。


SwfVideoPlayer.fla
開發語言:ActionScript3.0
開發人員:梅干扣肉
範例下載:本站下載

Step1
下載畢完後解壓縮,開啟swfVideoplayer.fla後分別會看到如下方,各圖層所放置的物件與名稱。


梅問題-Flash教學-自製SWF內嵌影片播放器

Step2

對著中間黑色塊點選並雙響滑鼠左鍵。


梅問題-Flash教學-自製SWF內嵌影片播放器

Step3

進入了mv_mc影片元件後,先將本來的色塊刪除,接著再選擇功能表 檔案 / 匯入 / 匯入至舞台

梅問題-Flash教學-自製SWF內嵌影片播放器
Step4

選擇要載入的影片



梅問題-Flash教學-自製SWF內嵌影片播放器

Step5

接著選擇【在SWF中嵌視訊並在時間軸中播放】


梅問題-Flash教學-自製SWF內嵌影片播放器

Step6

不用作任何設定直接再下一步


梅問題-Flash教學-自製SWF內嵌影片播放器

Step7

這邊可依需求,從下拉選單中,選擇要輸出影音的壓縮比。


梅問題-Flash教學-自製SWF內嵌影片播放器

Step8
依續的按下【完成】鈕。


梅問題-Flash教學-自製SWF內嵌影片播放器

Step9
這時Flash就會開始進行轉檔,就丟著給它跑吧!

梅問題-Flash教學-自製SWF內嵌影片播放器
Step10

完成後會有點跑位,這時再把影片的左上角對到畫面的十字箭的地方。


梅問題-Flash教學-自製SWF內嵌影片播放器

Step11

好了之後,直接按Ctrl+Enter鈕,發佈來測試看一下結果畫面。

梅問題-Flash教學-自製SWF內嵌影片播放器
  這邊各位可自行設計播放鈕,以及播放的外框,整體看起來就會更有fu喔!梅干的影音是依320×240為主,若各位尺寸比較大時,得自行修改那些播放鈕的位置, 如對程式碼感興趣的朋友們,可直接開啟as圖層,所有的程式碼都在裡頭,其實沒幾行,令梅干覺得比較麻煩的是,那時間格式,好在網路早已有人分享,而搞了這麼久,為何要把影音嵌入swf中,一經詢問才得知,原來是為了要製作影音的電子書,所以才會把影片全部打包在一塊,呼!搞定!!有需要的朋友就直接拿去用吧!