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

36,795 Responses

  1. Judsonrax表示:

    Amo Health Care: Amo Health Care – Amo Health Care

  2. Mazrbzx表示:

    Мы изготавливаем дипломы любых профессий по приятным ценам. Приобретение диплома, подтверждающего окончание института, – это выгодное решение. Заказать диплом о высшем образовании: fremontrp.listbb.ru/viewtopic.phpf=18&t=1421

  3. OscarOmist表示:

    PredniHealth: PredniHealth – prednisone without rx

  4. Sazryqw表示:

    Приобретение документа о высшем образовании через надежную компанию дарит ряд плюсов. Данное решение помогает сэкономить как личное время, так и существенные средства. Тем не менее, преимуществ гораздо больше.Мы готовы предложить дипломы психологов, юристов, экономистов и прочих профессий. Дипломы производятся на настоящих бланках государственного образца. Доступная цена сравнительно с серьезными затратами на обучение и проживание. Приобретение диплома университета станет целесообразным шагом.
    Заказать диплом о высшем образовании: diplomc-v-ufe.ru/kupite-diplom-s-reestrom-i-otzivami-udobno-i-bistro/

  5. Cazrjee表示:

    Приобрести диплом института по доступной цене вы можете, обратившись к проверенной специализированной фирме. Мы можем предложить документы любых учебных заведений, которые находятся в любом регионе РФ. ozforums.com.au/kupit-diplom-bystro-i-prosto-158

  6. RussellCof表示:

    where can i get amoxicillin: amoxicillin over counter – amoxicillin 500 mg without prescription

  7. A person necessarily assist to make severely posts I might state.
    That is the very first time I frequented your website
    page and sso far? I surprised with the analysis you made to make this
    actual puut up incredible. Great activity!

    Here is my web page :: kaca mobil Suzuki

  8. belgie表示:

    You have made some good points there. I looked on the web for additional information about the issue and found most people will go along with your views on this website.

  9. RussellCof表示:

    clomid generic: Clom Health – get clomid without a prescription

  10. internetmof表示:

    проверить провайдеров по адресу казань
    kazan-domashnij-internet003.ru
    провайдеры интернета в казани

  11. MatthewMof表示:

    order cheap clomid now where to buy clomid without dr prescription where can i buy cheap clomid without rx

  12. Judsonrax表示:

    buy amoxicillin 500mg canada: Amo Health Care – Amo Health Care

  13. Tubidy表示:

    I’d like to thank you for the efforts you have put in penning this site. I am hoping to see the same high-grade blog posts from you later on as well. In fact, your creative writing abilities has motivated me to get my very own site now 😉

  14. 1win_md_xeKi表示:

    cazinouri internaționale cu bonus fără depunere http://1win5072.ru/ .

  15. MatthewMof表示:

    generic clomid without prescription Clom Health where buy generic clomid prices

  16. маркетплейс аккаунтов соцсетей https://kupit-akkaunty-market.xyz

  17. internetmof表示:

    домашний интернет в казани
    kazan-domashnij-internet002.ru
    проверить провайдеров по адресу казань

  18. OscarOmist表示:

    prednisone 20 mg tablet price: prednisone 10 mg over the counter – buy prednisone online canada

  19. Uazrgvn表示:

    Заказать диплом об образовании. Производство диплома занимает немного времени, а цена – доступна каждому. Таким образом вы получаете возможность сохранить бюджет и получить прекрасную работу вашей мечты. Приобрести диплом вы сможете используя сайт компании. – peticie.com/484659

  20. Judsonrax表示:

    PredniHealth: PredniHealth – PredniHealth

  21. площадка для продажи аккаунтов https://akkaunty-market.live

  22. RussellCof表示:

    PredniHealth: PredniHealth – prednisone for sale

  23. OscarOmist表示:

    can i purchase clomid tablets: Clom Health – where to buy clomid tablets

  24. RussellCof表示:

    Amo Health Care: amoxicillin over the counter in canada – where to buy amoxicillin 500mg without prescription

  25. Judsonrax表示:

    where buy cheap clomid without dr prescription: Clom Health – cost generic clomid without a prescription

  26. RussellCof表示:

    Amo Health Care: amoxicillin 500 mg cost – Amo Health Care

發佈回覆給「kypit yzi apparat_znkr」的留言 取消回覆

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