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...

19,063 Responses

  1. StephenDeery表示:

    What a data of un-ambiguity and preserveness of precious experience on the topic of unpredicted feelings.
    odibet site

  2. AntoniaSut表示:

    Farmacia online miglior prezzo: acquisto farmaci con ricetta – farmacie online autorizzate elenco

  3. VernonRib表示:

    https://eufarmaciaonline.com/# farmacias online seguras en espaГ±a

  4. Roberthep表示:

    online apotheke preisvergleich apotheke online gГјnstigste online apotheke

  5. AntoniaSut表示:

    günstige online apotheke: günstigste online apotheke – günstigste online apotheke

  6. Roberthep表示:

    pharmacie en ligne france pas cher pharmacie en ligne sans ordonnance pharmacie en ligne france pas cher

  7. AntoniaSut表示:

    pharmacie en ligne france fiable: pharmacie en ligne sans ordonnance – pharmacie en ligne avec ordonnance

  8. WilliamTeath表示:

    europa apotheke: online apotheke deutschland – medikamente rezeptfrei

  9. RalphSnize表示:

    beste online-apotheke ohne rezept: п»їshop apotheke gutschein – beste online-apotheke ohne rezept

  10. Shaneevige表示:

    Hi there friends, its great post on the topic of educationand entirely explained, keep it up all the time.
    home or away spin the wheel

  11. WilliamTeath表示:

    п»їfarmacia online espaГ±a: farmacia online envГ­o gratis – farmacia online madrid

  12. StephenDeery表示:

    Сегодня, когда диплом – это начало отличной карьеры в любой отрасли, многие ищут максимально простой путь получения образования. Наличие официального документа об образовании переоценить невозможно. Ведь именно он открывает двери перед всеми, кто стремится вступить в сообщество профессионалов или учиться в высшем учебном заведении.
    Наша компания предлагает оперативно получить этот важный документ. Вы сможете заказать диплом, и это является отличным решением для человека, который не смог закончить обучение или утратил документ. Любой диплом изготавливается аккуратно, с особым вниманием к мельчайшим нюансам, чтобы в итоге получился полностью оригинальный документ.
    Преимущества такого подхода заключаются не только в том, что можно оперативно получить диплом. Весь процесс организовывается комфортно и легко, с профессиональной поддержкой. От выбора подходящего образца документа до точного заполнения личной информации и доставки в любой регион страны — все под полным контролем квалифицированных мастеров.
    Таким образом, всем, кто пытается найти быстрый способ получить требуемый документ, наша компания предлагает отличное решение. Заказать диплом – это значит избежать длительного обучения и не теряя времени перейти к своим целям: к поступлению в университет или к началу успешной карьеры.
    forum.vkontakte.dj/member.php?9822-sonnick84&tab=activitystream&type=all&page=1В 
    skoshi1-2.buryatschool.ru/sveden/commonВ 
    legalmap.ru/articles/arbitrage/proceedings/osoboe-proizvodstvo/В 
    podlemore.moy.su/news/2015-00В 
    old.oprf.ru/ru/about/structure/structurenews/newsitem/15711?PHPSESSID=lc23s15b3n3btp1i1joei8hne6В 

  13. AntoniaSut表示:

    eu apotheke ohne rezept: medikamente rezeptfrei – medikamente rezeptfrei

  14. Roberthep表示:

    pharmacie en ligne france fiable pharmacies en ligne certifiГ©es pharmacie en ligne sans ordonnance

  15. AntoniaSut表示:

    Farmacie on line spedizione gratuita: Farmacia online miglior prezzo – farmacia online più conveniente

  16. Roberthep表示:

    farmacie online autorizzate elenco comprare farmaci online all’estero migliori farmacie online 2024

  17. Donaldcoums表示:

    farmacias online seguras: farmacia online envГ­o gratis – farmacia online barcelona

  18. AntoniaSut表示:

    europa apotheke: beste online-apotheke ohne rezept – online apotheke deutschland

  19. Outstanding feature

  20. WilliamTeath表示:

    pharmacie en ligne fiable: Pharmacie sans ordonnance – pharmacie en ligne fiable

  21. VernonRib表示:

    http://eufarmacieonline.com/# comprare farmaci online con ricetta

  22. Kliknij tutaj表示:

    Outstanding feature

  23. EarnestFrurn表示:

    В нашем мире, где диплом становится началом успешной карьеры в любом направлении, многие стараются найти максимально быстрый путь получения образования. Наличие документа об образовании сложно переоценить. Ведь диплом открывает двери перед любым человеком, желающим начать профессиональную деятельность или продолжить обучение в университете.
    В данном контексте мы предлагаем максимально быстро получить этот важный документ. Вы имеете возможность заказать диплом нового или старого образца, что становится отличным решением для всех, кто не смог закончить обучение или потерял документ. дипломы изготавливаются аккуратно, с особым вниманием к мельчайшим деталям. В итоге вы сможете получить полностью оригинальный документ.
    Преимущества данного решения заключаются не только в том, что можно оперативно получить свой диплом. Процесс организовывается удобно, с нашей поддержкой. От выбора подходящего образца диплома до консультации по заполнению личной информации и доставки в любой регион России — все находится под абсолютным контролем наших специалистов.
    Всем, кто пытается найти быстрый и простой способ получения необходимого документа, наша компания предлагает выгодное решение. Купить диплом – значит избежать продолжительного обучения и сразу перейти к достижению своих целей: к поступлению в университет или к началу удачной карьеры.
    vlasti.biz/202112292681/bor-ba-s-korruptsciei/novosti/kupit-diplom-starogo-obraztsca.htmlВ 
    e-maxx.ru/forum/profile.php?id=18738В 
    litmasters.ru/sila-sujeta/antagonist.html/comment-page-1В 
    http://www.discussworldissues.com/forums/members/sonnick84.htmlВ 
    multirecepty.ru/2011/10/omlet-v-multivarke/В 

  24. WilliamTeath表示:

    Farmacie online sicure: farmacie online affidabili – Farmacia online piГ№ conveniente

  25. AntoniaSut表示:

    farmacias online seguras en españa: farmacias online seguras – farmacias online seguras en españa

  26. Lhaneevige表示:

    Hi there friends, its great article on the topic of cultureand entirely explained, keep it up all the time.
    spin away reviews

  27. Donaldcoums表示:

    online apotheke deutschland: gГјnstige online apotheke – gГјnstigste online apotheke

  28. RalphSnize表示:

    Farmacie online sicure: acquisto farmaci con ricetta – acquisto farmaci con ricetta

  29. Roberthep表示:

    farmacias online seguras farmacia online barcelona farmacia online 24 horas

  30. AntoniaSut表示:

    Achat médicament en ligne fiable: Pharmacie en ligne livraison Europe – vente de médicament en ligne

發佈留言

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