Actionscript3.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中,一經詢問才得知,原來是為了要製作影音的電子書,所以才會把影片全部打包在一塊,呼!搞定!!有需要的朋友就直接拿去用吧!
UAG軍規iPhone防摔殼