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

18,506 Responses

  1. Manrszy表示:

    Добрый день!
    Купить документ института
    diplomyx24.ru/kupit-diplom-krasnoyarsk

  2. DouglasMoomy表示:

    Слимофор https://slymofor.ru инновационное средство для быстрого похудения.

  3. Mazrbdr表示:

    Привет, друзья!
    Всё, что нужно знать о покупке аттестата о среднем образовании
    mandiplomiks.ru

  4. самое классное порево http://www.klassny-sex.ru/ .

  5. Lazrdrb表示:

    Добрый день!
    Мы изготавливаем дипломы любых профессий по приятным тарифам.
    diplomyx-man.ru

  6. Sazrbda表示:

    Привет!
    Мы изготавливаем дипломы психологов, юристов, экономистов и любых других профессий по приятным ценам. Цена будет зависеть от выбранной специальности, года получения и ВУЗа. Стараемся поддерживать для покупателей адекватную ценовую политику. Важно, чтобы дипломы были доступными для большого количества наших граждан.
    rankuppages.com/story2531302/диплом-какого-вуза-купить

  7. Uazrejx表示:

    Привет!
    Где купить диплом специалиста?
    usa.life/read-blog/56991

  8. Dnrtplt表示:

    Здравствуйте!
    Приобрести документ о получении высшего образования можно в нашей компании в столице.
    ast-diplom.com/kupit-diplom-moskva
    Успехов в учебе!

  9. CarlosViads表示:

    מהם. אבל יש רק סוג אחד של בילוי שבאמת גורם לגבר להיות רגוע. יש רק בילוי אחד שיודע לנקות את הראש ממחשבות, ולהרפות את הגוף. גדול ועור רך ונעים כפי שאתה אוהב. ואלו הם הכלים באמצעותם נערות הליווי מפנקות את הגברים וגורמות לגבר להרגיש טוב. בילוי דיסקרטי דירות דיסקרטיות חזה ענק

  10. Danrybl表示:

    Привет!
    Мы можем предложить дипломы психологов, юристов, экономистов и прочих профессий.
    explorivore.com/read-blog/1622_planiruete-priobresti-diplom-u-nadezhnogo-ispolnitelya-zhdem-vas.html
    Рады оказаться полезными!.

  11. Mazrhwr表示:

    Добрый день!
    Как приобрести аттестат о среднем образовании в Москве и других городах
    ascensiontransact.com/2024/06/30/купить-чистые-дипломы/

  12. Lazrwkz表示:

    Здравствуйте!
    Купить диплом о высшем образовании.
    clubalpintoulouse.fr/cb-profile/pluginclass/cbblogs?action=blogs&func=show&id=146

  13. Dnrttwc表示:

    Добрый день!
    Купить документ о получении высшего образования можно в нашей компании.
    ast-diplomy24.ru/kupit-diplom-rostov-na-donu
    Успехов в учебе!

  14. Xazrxbr表示:

    Здравствуйте!
    Полезные советы по покупке диплома о высшем образовании без риска
    arusak-diploms-srednee.ru В 

  15. Manraxy表示:

    Привет!
    Заказать документ университета
    diplomasx.com/kupit-diplom-o-srednem-obrazovanii

  16. StanleyFic表示:

    באופן מיידי. זוהי חוויה משחררת שתגרום לך לשכוח מהכל ולמלא מחדש את המצברים. דירות דיסקרטיות בחיפה – חוויה נעימה בעיר נעימה. לסמוך על הדיסקרטיות, לא סתם מכנים אותן דירות דיסקרטיות בתל אביב. ניתן להגיע ולבלות כאן מבלי לחשוש. אם מגיעים לכאן גברים נשואים browse around this website

  17. Having read this I believed it was very enlightening. I appreciate you finding the time and effort to put this informative article together. I once again find myself spending a significant amount of time both reading and commenting. But so what, it was still worthwhile.

  18. Diplomi_njEa表示:

    Здравствуйте!
    Заказать документ университета можно в нашей компании в Москве.
    ast-diplomas.com/kupit-diplom-kazan 

  19. Lazrqdo表示:

    Привет!
    Мы изготавливаем дипломы любой профессии по приятным тарифам.
    karhu.blueaddlution.com/2024/06/30/купить-диплом-в-серове/

  20. Michaelrense表示:

    Мазь для суставов https://sustalits.ru заказать онлайн.

  21. Mazrjst表示:

    Привет!
    Как получить диплом техникума с упрощенным обучением в Москве официально
    iladuanas.com/аттестат-11-классов-2014-2024-видео/

  22. Donaldtus表示:

    אינסופית אם אתה גבר שרוצה לקטוף את החלומות, נראה שיש לנו את השותפות הטובות ביותר – נערות ליווי בתל אביב! נערות ליווי יאפשרו להתמודד עם הסטרס בצורה הטובה ביותר. הנערות שכאן יודעות כיצד להפיג את הסטרס ולגרום לגבר להרגיש טוב. הן מארחות את הגבר בצורה have a peek at this website

  23. Uazrdjq表示:

    Здравствуйте!
    Где заказать диплом специалиста?
    medinkur.ru/index.php

  24. Diplomi_hmEa表示:

    Здравствуйте!
    Приобрести документ о получении высшего образования вы можете у нас.
    diploms-x.com/kupit-diplom-chelyabinsk 

  25. Dnrtoyk表示:

    Привет, друзья!
    Приобрести документ института вы сможете у нас в столице.
    diploms-x24.ru/otzyvy
    Удачи!

  26. Uazrbmj表示:

    Здравствуйте!
    Купить диплом любого университета.
    dating-making-friends.mn.co/posts/61748362

  27. акустическое оборудование для актового зала oborudovanija-dlja-aktovyh-zalov.ru .

發佈留言

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