Flash翻轉式影片播放器

這是一個結合Tweener和影片的範例,主要的目的是利用Flash載入外部視訊來播放,順帶利用ActionScript來做畫面的翻轉,翻轉後可以詳細介紹該影片的資訊,或是版權宣告等,先看看範例頁面檔案下載,要製作這樣的動畫,首先要先準備一段影片檔,我的範例中所準備的是利用數位相機拍攝出來的影片,再利用Adobe Media Encoder轉換成大小為640×360,F4V格式的影片,再利用Flash內建的組件FLVPlayback來播放。

資料夾檔案結構如下:

3D Video Flip 檔案結構

  • Caurina是Tweener Class大家可以到Tweener的官網下載,前述文章有連結。
  • 3dflip.fla、3dflip.html、3dflip.swf是Flash的原始檔、網頁檔以及播放檔。
  • Shengxing為本範例所使用到的影片檔。
  • SkinUnderPlaySeekMute為播放器的面板檔。

而在下圖是在Flash中的結構:

3D Video Flip 動畫結構

  • 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;
}

You may also like...

10,647 Responses

  1. Billyved表示:

    https://doxycyclinea.online/# doxycycline 100mg capsules

  2. Henryfet表示:

    prednisone tablets canada: cost of prednisone – buy prednisone with paypal canada

  3. MarvinRoave表示:

    buy neurontin online neurontin 50mg cost neurontin gel

  4. Billyved表示:

    http://prednisoned.online/# prednisone 50mg cost

  5. KetoGummies表示:

    L’ alimentazione a basso contenuto di carboidrati, denominata comunemente quale alimentazione cheto, e un regime https://justpaste.it/fc0i2 nutrizionale imperniato sull’ diminuzione radicale dei glucidi e sull’ innalzamento del consumo di assunzione con lipidi e aminoacidi. Tale approccio nutrizionale dietetico fu originariamente ideato per contrastare l’ epilessia nei bambini, ma e divenuto diffuso pure come metodo per diminuire peso e potenziare la condizione metabolica.

    Seguendo la alimentazione chetogenetica, lo organismo cade a uno stato del metabolismo denominato metabolismo chetogenico, in cui combustiona gli trigliceridi per creare forza invece di i glucidi. Questo porta ad una superiore efficienza nella bruciare i trigliceridi ed potrebbe determinare ad una repentina perdita di peso. Nondimeno, e essenziale evidenziare che la alimentazione cheto potrebbe risultare ardua da aderire a nel lungo periodo e puo determinare certi effetti indesiderati quali spossatezza, costipazione ed cattiva ventilazione. E opportuno coinvolgere uno specialista in materia di salute prima di imboccare qualsiasi regime alimentare radicale come la alimentazione chetogenica.

  6. Henryfet表示:

    amoxicillin medicine over the counter: amoxicillin 500 mg without prescription – buy amoxil

  7. MarvinRoave表示:

    doxycycline 100mg capsules price of doxycycline doxycycline hyclate

  8. Timsothyabela表示:

    В современном мире, где диплом – это начало удачной карьеры в любом направлении, многие стараются найти максимально быстрый и простой путь получения качественного образования. Необходимость наличия официального документа об образовании сложно переоценить. Ведь именно он открывает двери перед любым человеком, который стремится начать профессиональную деятельность или учиться в ВУЗе.
    Предлагаем очень быстро получить любой необходимый документ. Вы сможете приобрести диплом старого или нового образца, что будет удачным решением для человека, который не смог завершить образование, потерял документ или желает исправить плохие оценки. диплом изготавливается с особой аккуратностью, вниманием к мельчайшим деталям. На выходе вы сможете получить полностью оригинальный документ.
    Превосходство этого решения заключается не только в том, что можно оперативно получить свой диплом. Весь процесс организовывается комфортно, с нашей поддержкой. Начав от выбора подходящего образца диплома до правильного заполнения персональных данных и доставки в любой регион страны — все находится под абсолютным контролем опытных специалистов.
    Для тех, кто пытается найти быстрый и простой способ получить необходимый документ, наша компания предлагает выгодное решение. Заказать диплом – это значит избежать длительного процесса обучения и сразу перейти к достижению личных целей: к поступлению в ВУЗ или к началу удачной карьеры.
    http://www.diploman-russiyan.com

  9. Henryfet表示:

    amoxicillin for sale online: buy amoxicillin online no prescription – amoxicillin order online

  10. Charleselila表示:

    canadian pharmacy amoxicillin: generic amoxicillin 500mg – generic amoxicillin

  11. Henryfet表示:

    buy amoxicillin 500mg online: amoxicillin 500mg capsule – over the counter amoxicillin

  12. Billyved表示:

    http://gabapentinneurontin.pro/# ordering neurontin online

  13. MarvinRoave表示:

    zithromax 500 mg for sale where to get zithromax buy zithromax 1000 mg online

  14. Billyved表示:

    http://gabapentinneurontin.pro/# neurontin singapore

  15. Richardorele表示:

    amoxicillin 500 mg where to buy: amoxicillin brand name – amoxicillin 500 mg for sale

  16. Henryfet表示:

    generic for amoxicillin: amoxicillin online without prescription – amoxicillin online canada

  17. Как купить диплом без усилий
    купить диплом колледжа https://diplom-msk.ru/ .

  18. MarvinRoave表示:

    can i buy amoxicillin over the counter in australia amoxicillin cost australia where can i buy amoxocillin

  19. Henryfet表示:

    amoxicillin medicine: buy amoxicillin from canada – amoxicillin capsule 500mg price

  20. Richardorele表示:

    amoxicillin 500mg price canada: amoxicillin 250 mg – amoxicillin 500mg capsules

  21. Henryfet表示:

    amoxicillin for sale: amoxicillin online pharmacy – where can you get amoxicillin

  22. Charleselila表示:

    average price of prednisone: 25 mg prednisone – mail order prednisone

  23. MarvinRoave表示:

    generic for doxycycline doxycycline without a prescription odering doxycycline

  24. Billyved表示:

    https://amoxila.pro/# buy amoxicillin 250mg

  25. StephenDeery表示:

    В нашем обществе, где диплом является началом успешной карьеры в любом направлении, многие пытаются найти максимально быстрый путь получения качественного образования. Наличие официального документа сложно переоценить. Ведь диплом открывает двери перед всеми, кто хочет вступить в сообщество профессионалов или учиться в ВУЗе.
    Наша компания предлагает быстро получить этот важный документ. Вы сможете заказать диплом старого или нового образца, что становится выгодным решением для человека, который не смог завершить образование или потерял документ. дипломы производятся аккуратно, с особым вниманием ко всем деталям, чтобы в результате получился 100% оригинальный документ.
    Преимущества подобного решения состоят не только в том, что можно оперативно получить свой диплом. Весь процесс организовывается комфортно, с профессиональной поддержкой. От выбора нужного образца до правильного заполнения личных данных и доставки по России — все под абсолютным контролем квалифицированных специалистов.
    Для тех, кто ищет быстрый способ получения необходимого документа, наша услуга предлагает выгодное решение. Купить диплом – это значит избежать длительного обучения и не теряя времени переходить к личным целям, будь то поступление в университет или старт успешной карьеры.
    diploman-russia.com

  26. Billyved表示:

    http://zithromaxa.store/# zithromax 250mg

  27. Just desire to say your article is as surprising. The
    clarity for your put up is just spectacular and i can suppose
    you are an expert in this subject. Fine with your permission let me to grasp your feed to
    keep up to date with forthcoming post. Thank you a million and please carry on the enjoyable work. https://luxuriousrentz.com/_magasin-de-sofas-a-st-jerome-trouvez-le-canape-parfait-par-votre-salon_/

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。