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,057 Responses

  1. EdwardGROOM表示:

    pharmacie en ligne fiable: Pharmacies en ligne certifiees – pharmacie en ligne france livraison internationale

  2. StephenDeery表示:

    What’s up, for all time i used to check website posts here in the early hours in the morning, because i like to gain knowledge of more and more.

    знакомства на одну ночь

  3. Allenacurf表示:

    pharmacie en ligne pas cher: levitra generique sites surs – pharmacie en ligne france livraison internationale

  4. KeithKef表示:

    trouver un mГ©dicament en pharmacie kamagra pas cher pharmacie en ligne

  5. EarnestAvada表示:

    Hi friends, good piece of writing and fastidious arguments commented at this place, I am truly enjoying by these.

    популярные сайты знакомств

  6. IgnacioSlima表示:

    pharmacie en ligne livraison europe: pharmacie en ligne pas cher – Pharmacie sans ordonnance

  7. EdwardGROOM表示:

    vente de mГ©dicament en ligne: pharmacie en ligne france pas cher – trouver un mГ©dicament en pharmacie

  8. Lewisslund表示:

    Hello there! This is my first comment here so I just wanted to give a quick shout out and say I genuinely enjoy reading through your blog posts. Can you recommend any other blogs/websites/forums that go over the same subjects? Thanks a ton!

    bitz casino

  9. SDichaelDax表示:

    В нашем мире, где диплом – это начало успешной карьеры в любом направлении, многие пытаются найти максимально быстрый путь получения качественного образования. Факт наличия официального документа об образовании переоценить попросту невозможно. Ведь именно диплом открывает двери перед всеми, кто собирается вступить в сообщество квалифицированных специалистов или учиться в университете.
    В данном контексте мы предлагаем очень быстро получить этот важный документ. Вы можете заказать диплом, и это становится удачным решением для человека, который не смог завершить образование или потерял документ. дипломы производятся с особой аккуратностью, вниманием к мельчайшим нюансам, чтобы в итоге получился документ, полностью соответствующий оригиналу.
    Превосходство данного подхода состоит не только в том, что можно максимально быстро получить свой диплом. Процесс организован комфортно и легко, с профессиональной поддержкой. Начиная от выбора необходимого образца до грамотного заполнения персональных данных и доставки в любое место страны — все под абсолютным контролем наших специалистов.
    Для всех, кто пытается найти оперативный способ получения необходимого документа, наша компания предлагает выгодное решение. Приобрести диплом – значит избежать продолжительного процесса обучения и сразу перейти к своим целям, будь то поступление в ВУЗ или старт карьеры.
    steel-knife.ru/category/kukriВ 
    dataload.com/forum/memberlist.php?mode=joined&order=ASC&start=16950В 
    participa.rosario.gob.ar/profiles/premiumsdiploms/activityВ 
    http://www.kuzbass.net/index.php?subaction=userinfo&user=inylym%2520В 
    forum.oursson.ru/viewtopic.php?f=117&t=3341&p=10425%C3%82%C2%A0В 

  10. KeithKef表示:

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

  11. Allenacurf表示:

    pharmacie en ligne fiable: kamagra pas cher – pharmacie en ligne avec ordonnance

  12. RobertBlica表示:

    http://kamagraenligne.com/# acheter médicament en ligne sans ordonnance

  13. Allenacurf表示:

    п»їpharmacie en ligne france: Levitra sans ordonnance 24h – Pharmacie sans ordonnance

  14. RobertBlica表示:

    https://viaenligne.com/# Viagra vente libre allemagne

  15. EdwardGROOM表示:

    Viagra gГ©nГ©rique sans ordonnance en pharmacie: viagra sans ordonnance – Viagra gГ©nГ©rique sans ordonnance en pharmacie

  16. IgnacioSlima表示:

    Viagra prix pharmacie paris: Viagra sans ordonnance 24h – SildГ©nafil Teva 100 mg acheter

  17. AntoniaSut表示:

    eu apotheke ohne rezept: online apotheke deutschland – online apotheke

  18. WilliamTeath表示:

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

  19. Roberthep表示:

    online apotheke preisvergleich online apotheke deutschland п»їshop apotheke gutschein

  20. VernonRib表示:

    https://eufarmacieonline.shop/# farmacia online senza ricetta

  21. AntoniaSut表示:

    trouver un médicament en pharmacie: pharmacie en ligne france livraison belgique – pharmacie en ligne france livraison belgique

  22. Roberthep表示:

    online apotheke gГјnstig online apotheke online apotheke

  23. Qmruhc表示:

    prostatitis pills heir – prostatitis medications supple prostatitis medications swell

  24. AntoniaSut表示:

    Farmacia online migliore: acquisto farmaci con ricetta – comprare farmaci online all’estero

  25. WilliamTeath表示:

    online apotheke rezept: internet apotheke – online apotheke gГјnstig

  26. Jpxzhb表示:

    treatment for uti beckon – uti treatment dormitory uti medication yesterday

  27. OLaneevige表示:

    What’s up, everything is going perfectly here and ofcourse every one is sharing facts, that’s actually good, keep up writing.
    baji999.com login bd

  28. VernonRib表示:

    https://eufarmaciaonline.com/# farmacia barata

  29. GichardPheve表示:

    Right now it sounds like BlogEngine is the preferred blogging platform available right now. (from what I’ve read) Is that what you are using on your blog?
    elit casino 410

  30. WilliamTeath表示:

    pharmacie en ligne pas cher: pharmacie en ligne france pas cher – acheter mГ©dicament en ligne sans ordonnance

發佈留言

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