最近在網(wǎng)上看到了很多用Flash制作的播放器,就想試著用Flash來制作一個播放器。
點擊這里下載源文件
一、實現(xiàn)背景
仔細(xì)研究一下各個播放器的實現(xiàn)方法,其實原理是大同小異的,都是用Flash來實現(xiàn),只是有的實現(xiàn)還利用了Java Script跟Flash的通訊,通過網(wǎng)頁來控制Flash的播放。
最簡單的實現(xiàn)方法是,在Flash中先用Load Movie函數(shù)將影片導(dǎo)入場景中,使用Movie Clip相應(yīng)的函數(shù),如play,gotoAndStop,stop,nextFrame,prevFrame等等,就可以實現(xiàn)播放器的大概功能了。
不過,想要將播放器做的比較通用,在制作過程中還是有點復(fù)雜,再加上考慮播放影片的質(zhì)量控制、場景的縮放、fps的計算、Flash與Java Script的通訊等等因素,就更加復(fù)雜了。
下面我們通過一個例子來看看具體的實現(xiàn)。
最終效果演示 [ 全屏觀看 ]
二、實現(xiàn)步驟
我們先來制作一個被控制的目標(biāo)影片flash跳轉(zhuǎn)軟件,然后再制作播放器的主體部分。
1、新建一個Flash文件,按Ctrl + F8建立一個Movie Clip,命名為“Sample Movie Graphic”,在此Clip的場景中繪制如圖1所示的圖樣。
2、再按Ctrl + F8建立一個Movie Clip,命名為“Sample Movie”,將上一步所制作的Clip拖到Sample Movie的場景中,在時間軸的第345幀上面插入關(guān)鍵幀用flash實現(xiàn)鏈接跳轉(zhuǎn) ,并用工具條中的縮放工具,將第345幀上面的Sample Movie Graphic旋轉(zhuǎn)一定的角度。在Sample Movie的第一幀和第345幀的Action面板上面增加如下語句:stop(); 點擊選取此Clip時間軸上面的第一幀,設(shè)置此幀的屬性面板如圖2所示。這一步是制作一個旋轉(zhuǎn)的效果。
3、將Sample Movie從圖庫拖到影片的場景中,并在屬性面板上面命名為“movie”。
4、以上制作的是被控制的目標(biāo)影片,也可以用Load Movie函數(shù)來動態(tài)導(dǎo)入,原理是先建一個空的Clip,將要播放的影片導(dǎo)入到此Clip中即可。
5、接下來我們制作播放器的主體。按Ctrl + F8新建立一個Movie Clipflash跳轉(zhuǎn)軟件 ,命名為“scrubberTimeLineGraphic”。在此Clip的場景中用矩形工具繪制一個長方形。這是播放器的時間軸FLASH跳轉(zhuǎn)生成器 。
FLASH跳轉(zhuǎn)生成器文章地址:http://m.meyanliao.com/article/other/yFlashlzzygFlashbfq.html