Flash翻轉式影片播放器
這是一個結合Tweener和影片的範例,主要的目的是利用Flash載入外部視訊來播放,順帶利用ActionScript來做畫面的翻轉,翻轉後可以詳細介紹該影片的資訊,或是版權宣告等,先看看範例頁面,檔案下載,要製作這樣的動畫,首先要先準備一段影片檔,我的範例中所準備的是利用數位相機拍攝出來的影片,再利用Adobe Media Encoder轉換成大小為640×360,F4V格式的影片,再利用Flash內建的組件FLVPlayback來播放。
資料夾檔案結構如下:
- Caurina是Tweener Class大家可以到Tweener的官網下載,前述文章有連結。
- 3dflip.fla、3dflip.html、3dflip.swf是Flash的原始檔、網頁檔以及播放檔。
- Shengxing為本範例所使用到的影片檔。
- SkinUnderPlaySeekMute為播放器的面板檔。
而在下圖是在Flash中的結構:
- container是包含播放器、解說文字的影片片段,該元件包含FLVPlayback播放器組件(Video)和解說文字(Text)兩個圖層。
- FLVPlayback是Flash內建的影片播放器組件。
- loading影片載入時會出現的文字。
- spin影片右上角旋轉的按鈕。
- text包含有介紹文字的影片片段,文字中亦製作有超連結(維基百科)。
- vid如果有自己的影片想要更換,請進入名為Vid的影片片段中利用屬性面板修改。
本範例所包含的ActionScript都在場景中的第一個影格,程式碼如下:
import caurina.transitions.*; import fl.video.*; con.visible = false; var flv:FLVPlayback = con.vid.flvp; flv.addEventListener(VideoEvent.PLAYING_STATE_ENTERED, onStart); function onStart(e:Event):void { con.visible = true; loading.visible = false; } con.vid.spin.addEventListener(MouseEvent.CLICK, cl); con.tclip.spin.addEventListener(MouseEvent.CLICK, cl); var isTurning:Boolean = false; function cl(e:Event):void { if(!isTurning) { Tweener.addTween(con, {rotationY:con.rotationY+180,time:1, onComplete:function(){isTurning=false;}}); isTurning = true; } } addEventListener(Event.ENTER_FRAME, loop); function loop(e:Event):void { if(con.rotationY > 90 && con.rotationY < 270) con.addChild(con.tclip); else con.addChild(con.vid); if(con.rotationY >= 360) con.rotationY = 0; }
world pharmacy india indian pharmacy fast delivery world pharmacy india
https://mexicoph24.life/# mexican pharmaceuticals online
http://indiaph24.store/# indian pharmacy
pharmacy canadian canadian pharmacy 24 com canadian pharmacy uk delivery
https://indiaph24.store/# indian pharmacy online
best online pharmacy india: indian pharmacy fast delivery – buy prescription drugs from india
http://mexicoph24.life/# mexican border pharmacies shipping to usa
buying from online mexican pharmacy mexican rx online mexican drugstore online
nizoral tablet – order butenafine generic sporanox usa
mexican drugstore online: mexican pharmacy – mexican mail order pharmacies
http://canadaph24.pro/# reliable canadian pharmacy
http://mexicoph24.life/# mexico drug stores pharmacies
https://indiaph24.store/# top online pharmacy india
mexican pharmacy Online Pharmacies in Mexico buying prescription drugs in mexico
http://canadaph24.pro/# trusted canadian pharmacy
the canadian drugstore Certified Canadian Pharmacies northwest canadian pharmacy
http://indiaph24.store/# indian pharmacies safe
mexican mail order pharmacies: Mexican Pharmacy Online – mexico drug stores pharmacies
п»їbest mexican online pharmacies mexican pharmacy mexico drug stores pharmacies
https://mexicoph24.life/# medicine in mexico pharmacies
https://canadaph24.pro/# precription drugs from canada
mexican pharmacy cheapest mexico drugs best online pharmacies in mexico
https://indiaph24.store/# pharmacy website india
reputable mexican pharmacies online Online Pharmacies in Mexico mexican drugstore online
https://indiaph24.store/# indian pharmacies safe
mexican pharmacy Mexican Pharmacy Online mexico drug stores pharmacies
https://canadaph24.pro/# canadian pharmacy online reviews
reputable mexican pharmacies online: cheapest mexico drugs – reputable mexican pharmacies online
http://indiaph24.store/# india pharmacy
mexican mail order pharmacies cheapest mexico drugs medicine in mexico pharmacies