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

22,787 Responses

  1. Предлагаем услуги профессиональных инженеров офицальной мастерской.
    Еслли вы искали ремонт телефонов nothing в москве, можете посмотреть на сайте: срочный ремонт телефонов nothing
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  2. SamuelBix表示:

    prednisone online for sale: pharmacy cost of prednisone – order prednisone on line

  3. Indeed allows you to add a number of resumes to your profile for sending to different employers.

  4. DanielAbice表示:

    http://prednibest.com/# order prednisone online canada

  5. Предлагаем услуги профессиональных инженеров офицальной мастерской.
    Еслли вы искали ремонт телефонов nothing сервис, можете посмотреть на сайте: ремонт телефонов nothing цены
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  6. Предлагаем услуги профессиональных инженеров офицальной мастерской.
    Еслли вы искали ремонт телефонов samsung, можете посмотреть на сайте: ремонт телефонов samsung
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  7. KennethPah表示:

    rexall pharmacy amoxicillin 500mg can i purchase amoxicillin online amoxil generic

  8. Can I just say what a reduction to find someone who truly is aware of what theyre talking about on the internet. You definitely know tips on how to convey a problem to light and make it important. More individuals have to read this and perceive this side of the story. I cant consider youre not more common because you positively have the gift.

  9. Предлагаем услуги профессиональных инженеров офицальной мастерской.
    Еслли вы искали ремонт телефонов nothing сервис, можете посмотреть на сайте: ремонт телефонов nothing в москве
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  10. I just desired to generate a quick comment in order to express gratitude to you for anyone wonderful pointers you will be posting at this site. Time consuming internet investigation has towards the end of waking time been rewarded with excellent strategies to tell my guests. I will say that most of us readers can be extremely endowed to happen in a fantastic network with methods . marvellous people who useful hints. I find myself quite privileged to own used your webpages and appear forward to really more fabulous minutes reading here. Thank you for several things.

  11. very good post, i actually love this web site, carry on it}

  12. Touche. Outstanding arguments. Keep up the amazing effort. http://Sdongha.com/Inquiry/174863

  13. Предлагаем услуги профессиональных инженеров офицальной мастерской.
    Еслли вы искали ремонт телефонов nothing сервис, можете посмотреть на сайте: ремонт телефонов nothing адреса
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  14. Предлагаем услуги профессиональных инженеров офицальной мастерской.
    Еслли вы искали ремонт телефонов samsung, можете посмотреть на сайте: срочный ремонт телефонов samsung
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  15. продамус промокод скидка https://vip.rolevaya.info/viewtopic.php?id=7107#p1 .

  16. Introducing to you the most prestigious online entertainment address today. Visit now to experience now!

  17. It’s awesome to go to see this site and reading the views of all mates
    about this article, while I am also keen of getting know-how. https://kasimarket.techandtag.co.za/index.php?page=user&action=pub_profile&id=114440

  18. Предлагаем услуги профессиональных инженеров офицальной мастерской.
    Еслли вы искали ремонт телефонов nothing, можете посмотреть на сайте: ремонт телефонов nothing сервис
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  19. Предлагаем услуги профессиональных инженеров офицальной мастерской.
    Еслли вы искали ремонт телефонов samsung цены, можете посмотреть на сайте: ремонт телефонов samsung адреса
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  20. Здесь можно сейф для оружия цена в москвесейф охотничий купить

  21. промокод продамус промокод продамус .

  22. продамус промокод скидка http://forumbar.anihub.me/viewtopic.php?id=9823#p1 .

  23. KennethPah表示:

    where can i buy generic clomid without prescription cost generic clomid no prescription can you get clomid without a prescription

  24. Hey there! Do you know if they make any
    plugins to protect against hackers? I’m kinda paranoid about losing everything I’ve
    worked hard on. Any tips? https://Www.DIE-Seite.com/index.php?a=stats&u=benitogoll31794

發佈留言

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