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

  1. Lazrsaf表示:

    Добрый день!
    Мы изготавливаем дипломы психологов, юристов, экономистов и прочих профессий по невысоким тарифам.
    rushkas-diplomyxx.ru/kupit-diplom-s-reestrom

  2. Diplomi_xjEa表示:

    Добрый день!
    Заказать документ института вы сможете в нашей компании.
    diplomyx-rushka.ru

  3. Trefffr表示:

    Привет!
    Как официально купить аттестат 11 класса с упрощенным обучением в Москве
    mans-diplomy.ru/kupit-diplom-ekaterinburg
    Рады помочь!.

  4. Mazrswd表示:

    Привет, друзья!
    Реально ли приобрести диплом стоматолога? Основные этапы
    arusak-diploms-srednee.ru

  5. CurtisPeats表示:

    Новости высоких технологий http://barbie-games.ru/sibirskaia-bronia-dlia-armaty и гаджетов.

  6. Roccofek表示:

    Актуальные новости техники http://barbie-games.ru/more-v-monastyrskom-podvale и гаджетов.

  7. Lewisslund表示:

    This page definitely has all of the info I needed concerning this subject and didn’t know who to ask.

    http://shopsecret.com.ua/yak-obrati-idealne-sklo-dlya-far-audi-porady-vid-ekspertiv

  8. RobertVed表示:

    Новости высоких технологий: новинки http://barbie-games.ru/podgotovka-x-mejdynarodnoi-vystavki-vooryjeniia-voennoi-tehniki-i-boepripasov-russiaarmsexpo-idet-polnym-hodom компьютерной техники и мобильных телефонов

  9. Coreypooli表示:

    Свежие новости http://barbie-games.ru/specialisty-google-x-sozdali-prototip-kontaktnyh-linz-dlia-diabetikov технологий новинки компьютерной техники

  10. Rufusdot表示:

    Новости высоких технологий http://barbie-games.ru/category/gadzhetyi новинки компьютерной техники и мобильных телефонов

  11. DichaelDax表示:

    Useful information. Fortunate me I found your web site by chance, and I am surprised why this twist of fate didn’t happened earlier! I bookmarked it.

    https://subaru.com.ua/yak-obraty-naykrashe-sklo-ta-korpusy-dlya-fary-buick-porady-vid-ekspertiv

  12. 20 Great Tweets Of All Time About Coffee Machine Bean To Cup Bean To Cup Coffee Machines

  13. Mazrach表示:

    Привет, друзья!
    Покупка диплома о среднем полном образовании: как избежать мошенничества?
    rushkadiplomik.ru

  14. Виза цифрового кочевника в Испании http://www.klaipedatours.ru .

  15. Trefcrp表示:

    Привет, друзья!
    Рекомендации по безопасной покупке диплома о высшем образовании
    mans-diplom.ru/kupit-diplom-novosibirsk
    Окажем помощь!.

  16. Lazrpqh表示:

    Здравствуйте!
    Мы изготавливаем дипломы любой профессии по доступным ценам.
    rushkas-diploms.ru/kupit-diplom-instituta

  17. Sazrsjq表示:

    Привет!
    Диплом по специальности на выбор
    burgasdent.listbb.ru/viewtopic.php?f=3&t=403

  18. TomasRop表示:

    farmacia online senza ricetta: Cialis generico controindicazioni – п»їFarmacia online migliore

  19. Timothyzew表示:

    https://farmait.store/# acquisto farmaci con ricetta

  20. Ten 18 Wheeler Accident Law Firms That Really Make Your Life Better 18 wheeler accident law firms

  21. telegra.ph表示:

    10 Things That Your Family Taught You About Electric Scooter
    Four Wheel electric scooter four Wheel (telegra.ph)

  22. Felixlousa表示:

    drinks, etc. Some girls include “extra” in their price, but the other ones might inform in their profile the price for These looking hotties The hottest memories of time spent together with the horniest woman of Cookstown escorts getting the same great belfast escorts

  23. Louiehaics表示:

    заказать торт с доставкой на дом сайт тортов на заказ

  24. nude chat表示:

    I truly love your website.. Pleasant colors & theme. Did you build this website yourself? Please reply back as I’m attempting to create my own website and would like to find out where you got this from or what the theme is called. Thanks.

  25. Mazrbdh表示:

    Привет, друзья!
    Стоимость дипломов высшего и среднего образования и как избежать подделок
    rushkadiplomik.ru

  26. Scarlett表示:

    How To Explain Mental Anxiety Symptoms To Your Boss anxiety symptoms test (Scarlett)

發佈留言

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