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

  1. Dnrthra表示:

    Привет, друзья!
    Купить документ о получении высшего образования можно у нас.
    diploms-x24.ru/kupit-diplom-vracha
    Хорошей учебы!

  2. 789b com表示:

    I quite like reading through an article that can make people think. Also, many thanks for permitting me to comment.

  3. KendallJed表示:

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

  4. Lazrgma表示:

    Здравствуйте!
    Заказать диплом о высшем образовании.
    ls.co-x.ru/2024/07/04/kak-nayti-nadezhnyy-onlayn-magazin-s-obshirnym-assortimentom-diplomov.html

  5. RubenClurl表示:

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

  6. Danrdtm表示:

    Добрый день!
    Мы предлагаем дипломы любой профессии.
    http://www.camedu.org/blog/index.php?nonjscomment=1&comment_itemid=15451&comment_context=4199880&comment_component=blog&comment_area=format_blog&blogpage=3512
    Поможем вам всегда!.

  7. Uazryjd表示:

    Привет, друзья!
    Где купить диплом специалиста?
    hackmd.io/@KevinWallace/SyaseLwBR

  8. Timothylom表示:

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

  9. Dnrtiie表示:

    Привет, друзья!
    Заказать документ о получении высшего образования вы имеете возможность в нашей компании в столице.
    diplomyx24.ru/kupit-diplom-magistra
    Удачи!

  10. This is a topic that is near to my heart… Cheers! Exactly where are your contact details though?

  11. Diplomi_zwEa表示:

    Привет!
    Купить документ института вы сможете в нашей компании.
    ast-diploms.com/kupit-diplom-kazan 

  12. Teddycom表示:

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

  13. современное оборудование для конференц зала современное оборудование для конференц зала .

  14. 78win表示:

    Good web site you’ve got here.. It’s difficult to find high-quality writing like yours these days. I really appreciate people like you! Take care!!

  15. Mfpaly表示:

    order noroxin sale – confido generic confido over the counter

  16. Yrefvmj表示:

    Привет, друзья!
    Заказать диплом ВУЗа.
    gotartwork.com/Blog/mira-intensamente-2-2024-pelicula-online-en-espanol-y-latino/289921/
    Успехов в учебе!

  17. Diplomi_hkEa表示:

    Привет!
    Купить документ о получении высшего образования можно в нашей компании.
    asxdiplomik.com/kupit-diplom-s-registraciej 

  18. Great web site you have here.. It’s difficult to find quality writing like yours nowadays. I seriously appreciate people like you! Take care!!

  19. Xazrzxw表示:

    Здравствуйте!
    Покупка диплома о среднем полном образовании: как избежать мошенничества?
    landik-diploms-srednee.ru/kupit-diplom-saratov В 

  20. Manrirh表示:

    Привет!
    Купить документ о получении высшего образования
    ast-diploms.com/kupit-diplom-krasnoyarsk

  21. Dnrtusk表示:

    Здравствуйте!
    Заказать документ университета можно у нас.
    diploms-x.com/kupit-diplom-moskva
    Успехов в учебе!

  22. Lazrmry表示:

    Здравствуйте!
    Заказать диплом о высшем образовании.
    irc71.ru/index.php/jomsocial/groups/viewbulletin/257-kak-podyskat-nadezhnyj-onlajn-magazin-s-obshirnym-katalogom-diplomov?groupid=47

  23. Lariorkxy表示:

    Пошаговая инструкция по безопасной покупке диплома о высшем образовании
    diplomyx24.ru

  24. Dnrtogp表示:

    Привет!
    Купить документ института можно у нас в Москве.
    diploms-x.com/kupit-diplom-omsk
    Успехов в учебе!

  25. Uazrksl表示:

    Здравствуйте!
    Где купить диплом по актуальной специальности?
    swayycases.com/диплом-университета-купить-выгодные/

  26. WilburMex表示:

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

  27. Lazranb表示:

    Привет!
    Мы изготавливаем дипломы любых профессий по приятным тарифам.
    newsbig.raidersfanteamshop.com/poleznye-sovety-po-priobreteniu-diploma-v-internete/

發佈留言

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