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; }
https://mexicoph24.life/# mexican pharmacy
top online pharmacy india buy medicines from India top online pharmacy india
http://mexicoph24.life/# best online pharmacies in mexico
canadian drugs Certified Canadian Pharmacies buying from canadian pharmacies
https://mexicoph24.life/# mexico pharmacy
https://canadaph24.pro/# canadian neighbor pharmacy
canadian pharmacy mall canadian pharmacies canadian pharmacy world
canadian pharmacy tampa: canada drugs – canada rx pharmacy
https://mexicoph24.life/# best online pharmacies in mexico
legitimate canadian pharmacy online Certified Canadian Pharmacies canadian pharmacy antibiotics
https://indiaph24.store/# mail order pharmacy india
https://indiaph24.store/# online shopping pharmacy india
mexican pharmacy cheapest mexico drugs mexican pharmacy
https://indiaph24.store/# india online pharmacy
http://mexicoph24.life/# buying from online mexican pharmacy
vipps approved canadian online pharmacy reliable canadian online pharmacy canadian pharmacy no scripts
https://indiaph24.store/# world pharmacy india
best online canadian pharmacy: canada pharmacy online – northwest canadian pharmacy
mexican rx online mexican pharmacy mexican online pharmacies prescription drugs
http://mexicoph24.life/# best online pharmacies in mexico
canadian pharmacy com canadian pharmacy uk delivery canadian king pharmacy
https://mexicoph24.life/# buying prescription drugs in mexico
https://mexicoph24.life/# mexican mail order pharmacies
https://indiaph24.store/# india pharmacy
pharmacies in mexico that ship to usa Online Pharmacies in Mexico buying prescription drugs in mexico online
purchase terbinafine online cheap – buy griseofulvin generic buy griseofulvin cheap
https://indiaph24.store/# top 10 pharmacies in india
canada drugs online reviews Licensed Canadian Pharmacy canadian discount pharmacy
Online medicine home delivery: indian pharmacy – best online pharmacy india
buy semaglutide for sale – rybelsus 14mg drug purchase DDAVP online