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

32,571 Responses

  1. MatthewTut表示:

    продажа аккаунтов продать где можно продать аккаунт

  2. Arthurhow表示:

    https://mexicanpharminter.com/# mexican pharmacy online order
    vipps approved canadian online pharmacy

  3. Georgewhend表示:

    mexican pharmacy online store: Mexican Pharm International – mexican pharmacy online order

  4. Williszew表示:

    https://interpharmonline.shop/# canadian pharmacy online reviews

  5. Its such as you learn my mind! You appear to understand so much about this, like you wrote the ebook in it or something. I believe that you just could do with some percent to force the message house a bit, but other than that, that is wonderful blog. A fantastic read. I’ll certainly be back.

  6. CL-sySTeM.JP表示:

    I really like it when folks come together and share opinions.
    Great site, continue the good work! https://Cl-system.jp/question/vans-pour-enfant-style-confort-et-durabilite-pour-les-petits-pieds-19/

  7. Vknigah.com表示:

    I’m really impressed with your writing abilities and
    also with the format to your weblog. Is this a paid subject or did you modify it your self?
    Anyway keep up the nice quality writing, it is rare to see a great blog like this one these days.. https://vknigah.com/user/EdgarConsidine3/

  8. pdacenter.ru – сервис по ремонту бытовой техники
    Ремонт холодильников в Уфе в официальном сервисном центре PDACENTER.
    Наши инженеры выполняют ремонт любой сложности по дотупным ценам!

  9. EdwardKergy表示:

    маркетплейсы для покупки аккаунта birzha-akkauntov.ru

  10. MatthewTut表示:

    маркетплейс цифровых аккаунтов http://social-accounts-marketplace.ru

  11. Montebeera表示:

    india pharmacy without prescription IndiaMedFast online pharmacy india

  12. Arthurhow表示:

    http://indiamedfast.com/# india online pharmacy store
    best rated canadian pharmacy

  13. Williszew表示:

    http://indiamedfast.com/# lowest prescription prices online india

  14. Arthurhow表示:

    https://interpharmonline.com/# maple leaf pharmacy in canada
    canadian drug pharmacy

  15. Hey There. I found your blog using msn. This is a very well
    written article. I will make sure to bookmark it and return to read more of your useful information. Thanks for the post.
    I will definitely return. https://Vknigah.com/user/RositaConeybeer/

  16. Having read this I believed it was really enlightening. I appreciate you spending some time and effort to put this article together. I once again find myself spending way too much time both reading and leaving comments. But so what, it was still worthwhile!

  17. JamesGag表示:

    mexican pharmacy online store: Mexican Pharm Inter – Mexican Pharm Inter

  18. hey there and thank you for your info – I’ve certainly picked up anything new
    from right here. I did however expertise a few technical points using
    this site, since I experienced to reload the web site
    a lot of times previous to I could get it to load correctly.
    I had been wondering if your hosting is OK? Not that I’m complaining, but sluggish loading instances
    times will often affect your placement in google and could damage your high-quality score if advertising and marketing with Adwords.

    Anyway I am adding this RSS to my e-mail and can look out for a lot more of your respective fascinating content.
    Ensure that you update this again soon. https://classifieds.Ocala-news.com/author/jennymate66

  19. JamesGag表示:

    online canadian drugstore: legitimate canadian pharmacies online – pharmacy canadian superstore

  20. Georgewhend表示:

    canada discount pharmacy: most reliable canadian online pharmacies – canada drugs

  21. WilliamPreon表示:

    профильная стальная труба proftruba-moscow.ru – прочность и выгодная цена.

  22. pdacenter.ru – сервис по ремонту бытовой техники
    Ремонт экшен-камер в Йошкар-Оле в официальном сервисном центре PDACENTER.
    Наши инженеры выполняют ремонт любой сложности по дотупным ценам!

  23. Arthurhow表示:

    https://mexicanpharminter.shop/# mexican pharmacy online order
    canadian drug stores

  24. WilliamPreon表示:

    профильная труба 35?3proftruba-moscow.ru – промежуточный размер для различных работ. в наличии на складе.

  25. Georgewhend表示:

    Mexican Pharm International: reliable mexican pharmacies – Mexican Pharm International

發佈留言

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