首頁 » Actionscript3.0» Flash » [AS3]自製SWF內嵌式影音播放器


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

分類:Actionscript3.0» Flash | 發表日:2009-12-30 | 瀏覽:2,968人次
    加入書籤:
  • HemiDemi
  • MyShare
  • Google Bookmarks
  • Yahoo! My Web
  • furl
  • udn
梅問題-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中,一經詢問才得知,原來是為了要製作影音的電子書,所以才會把影片全部打包在一塊,呼!搞定!!有需要的朋友就直接拿去用吧!
訂閱RSS
Related Posts with Thumbnails


回應本篇

-歡迎光臨-變更身分 »
*必填
*必填(不公開)


※PS: 因為梅干時間有限,且教學網中所介紹的類型繁多(所會遇到的狀況也很多),可能無法一一回答各位的問
 題,不便之處還請見諒。
※PS: 本教學網不提供「破解檔」、「註冊機」或「註冊碼」等資訊,請勿利用留言索取檔案。

6 梅-仔仔 說:

有沒有方法自己設定網址連結的影片播放… :昏:

回應:
可以呀!直接把路徑改成網址就可以了

2010 年 01 月 04 日 | 08:25:23

5 梅-austin 說:

下載好 開始出現 檔案格式錯誤

回應:
是置入影音時嗎?

2010 年 04 月 15 日 | 19:51:44

4 梅-lynn 說:

哪裡可以下載範例,不能下載??

回應:
剛試了一下,是可以的喔!

2010 年 05 月 13 日 | 14:24:58

3 梅-cindy 說:

太好了真是感謝您的提供


2010 年 06 月 06 日 | 02:04:28

2 梅-風之青龍 說:

問你喔!!如果要製作這個縮圖

的flash

ex:因為專題要用的所以想學習如何製作。
希望你能繼教學的圖解給我。
我想要學習自己製作。


2010 年 07 月 11 日 | 22:36:03

1 梅-風之青龍 說:

這是圖片網址。
http://img2.atlaspost.com/albumimages/1056567/821214_normal_e4703.jpg

回應:
你先用xml把圖的路徑排好,
接下來再載入xml,並且利用遮罩來作分頁,
就可作出此效果了

2010 年 07 月 11 日 | 22:37:36