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

  1. Lariorjum表示:

    Полезные советы по безопасной покупке диплома о высшем образовании
    telegra.ph/kupit-gosudarstvennyj-diplom-08-13-5

  2. JustinBreve表示:

    раскрутка сайта цена в месяц https://process-seo.ru

  3. WilliamDeeli表示:

    Привет!
    Мы готовы предложить дипломы.
    velopiter.spb.ru/profile/105400-ruhfhshj/?tab=field_core_pfield_1

  4. An outstanding share! I have just forwarded this onto a co-worker who was conducting a little research on this. And he actually ordered me dinner because I stumbled upon it for him… lol. So let me reword this…. Thank YOU for the meal!! But yeah, thanx for spending time to discuss this subject here on your web page.

  5. Lazrozi表示:

    Здравствуйте!
    Мы предлагаем дипломы психологов, юристов, экономистов и любых других профессий по приятным тарифам.
    telegra.ph/skolko-dejstvuet-medosmotr-pri-postuplenii-v-vuz-08-02

  6. Eanrtxz表示:

    Здравствуйте!
    Мы изготавливаем дипломы любых профессий по приятным тарифам.
    kaktusy.cz/eshop/index.php?links_exchange=yes&page=41&show_all=yes

  7. Your writing is so eloquent and polished. It’s clear that you’re a true master of your craft.

  8. Yreflnc表示:

    Привет!
    Приобрести диплом ВУЗа.
    g95183sh.bget.ru/users/eginyl

  9. Dnrtiiv表示:

    Добрый день!
    Приобрести документ ВУЗа можно в нашей компании в Москве.
    sovetushka.forum2x2.ru/t28199-topic#62837

  10. Sazrujt表示:

    Здравствуйте!
    Мы изготавливаем дипломы любой профессии.
    Приобретение документа, который подтверждает обучение в ВУЗе, – это выгодное решение.
    sun-clinic.co.il/he/question/kupit-diplom-686054iaba
    Поможем вам всегда!.

  11. Diplomi_mqEa表示:

    Добрый день!
    Купить документ ВУЗа можно у нас в Москве.
    zanasite.free.fr/laripostedumardi/doku.php?id=rusddiploms

  12. вывод из запоя круглосуточно ростов-на-дону вывод из запоя круглосуточно ростов-на-дону .

  13. Mazryrt表示:

    Привет, друзья!
    Узнайте, как приобрести диплом о высшем образовании без рисков
    diablomania.ru/forum/showthread.php?p=552818

  14. Cazrtjl表示:

    Здравствуйте!
    Мы можем предложить документы ВУЗов
    adsauto.info/index.php?subaction=userinfo&user=abocymi

  15. Mazrhyu表示:

    Привет, друзья!
    Официальное получение диплома техникума с упрощенным обучением в Москве
    images.google.ml/url?sa=t&url=aurus-diploms.com

  16. Sazrksn表示:

    Добрый день!
    Приобрести документ ВУЗа
    freeboard.com.ua/forum/viewtopic.php?pid=957502#p957502

  17. DanielTet表示:

    buy cytotec online http://lisinopril.guru/# lisinopril oral
    furosemide 100mg

  18. Mazrltr表示:

    Здравствуйте!
    Аттестат школы купить официально с упрощенным обучением в Москве
    23sat.ru/comments

  19. Yrefiad表示:

    Здравствуйте!
    Заказать диплом любого университета.
    rsfdrive.com/forum/index.php

  20. Sazraol表示:

    Привет!
    Заказать документ о получении высшего образования
    kellerscrossing.com/

  21. Sazrsnu表示:

    Привет, друзья!
    Диплом любой специальности
    telegra.ph/onlajn-postuplenie-v-rossijskie-vuzy-08-02

  22. Cazrwou表示:

    Здравствуйте!
    Купить диплом о высшем образовании
    telegra.ph/distancionnoe-obuchenie-v-vuze-bez-egeh-08-02

  23. TimothyBow表示:

    Услуги адвоката
    [url=https://top-advokats.ru]смирнов адвокат[/url]
    Ищете надежную юридическую помощь? Официальный рейтинг адвокатов и юристов поможет найти проверенных специалистов, основываясь на высоком профессионализме, богатом опыте и положительных отзывах клиентов. Мы предлагаем уникальную возможность выбрать адвоката или юриста, способного эффективно разрешить ваше дело, будь то вопрос наследственного права, семейные споры или уголовного дела. Наш рейтинг поможет вам найти идеального кандидата, готового защитить ваши интересы в любой юридической ситуации и оказать юридические услуги профессионально и качественно

  24. вывод из запоя цены на дому ростов https://www.vyvod-iz-zapoya-rostov11.ru .

  25. Mazrrra表示:

    Здравствуйте!
    Полезная информация как официально купить диплом о высшем образовании
    pedagogia.pro/node/898

  26. Xazrppa表示:

    Привет!
    Купить документ о получении высшего образования.
    Мы можем предложить дипломы любых профессий по выгодным ценам.
    bedfordfalls.live/read-blog/75950
    Рады оказать помощь!.

  27. Trefwmy表示:

    Здравствуйте!
    Как быстро получить диплом магистра? Легальные способы
    apbuon.blogspot.com/2013/05/blog-post_830
    Рады оказать помощь!.

  28. Mazrsfu表示:

    Здравствуйте!
    Покупка диплома о среднем полном образовании: как избежать мошенничества?
    okkult.in/neobichniye-goroskopy/egipt-goroskop.php

  29. WilliamDeeli表示:

    Привет!
    Мы изготавливаем дипломы.
    colleebri.2bb.ru/viewtopic.php?id=6410#p143847

發佈留言

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