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

  1. WilliamDeeli表示:

    Добрый день!
    Мы изготавливаем дипломы.
    hashtap.com/@anna.erofeeva/хотите-купить-диплом-о-высшем-образовании-26gKZvdB_mgq

  2. Lariorikg表示:

    Узнайте стоимость диплома высшего и среднего образования и процесс получения
    telegra.ph/kupit-diplom-novogo-obrazca-08-13-4

  3. Uazryoh表示:

    Привет,друзья!
    Заказать диплом любого ВУЗа.
    telegra.ph/diplom-s-provodkoj-kupit-08-13-2

  4. Lariorxbj表示:

    Пошаговая инструкция по официальной покупке диплома о высшем образовании
    telegra.ph/kupit-diplom-omgtu-08-13-7

  5. Lariorjas表示:

    Как избежать рисков при покупке диплома колледжа или ПТУ в России
    telegra.ph/kupit-diplom-moskva-nedorogo-08-13-5

  6. Sazrotv表示:

    Привет!
    Мы изготавливаем дипломы любой профессии.
    Приобретение документа, подтверждающего обучение в ВУЗе, – это разумное решение.
    investicos.com/uncategorized/kupit-diplom-758452pxcx
    Рады оказаться полезными!.

  7. Sazrhub表示:

    Здравствуйте!
    Диплом специалиста
    telegra.ph/kupit-diplom-krasnoyarsk-08-22

  8. Cazrhnk表示:

    Здравствуйте!
    Мы готовы предложить документы ВУЗов
    urbanus-msk.ru/v-los-andzhelese-dlya-bezdomnyx-postroen-novyj-zhiloj-kompleks/#comment-270415

  9. Trefbbv表示:

    Привет, друзья!
    Парадокс, но купить диплом кандидата наук оказалось не так и сложно
    creative-ki.blogspot.com/2013/01/drums
    Рады оказать помощь!.

  10. Dnrtyew表示:

    Привет!
    Купить документ о получении высшего образования можно в нашей компании в столице.
    velopiter.spb.ru/profile/108271-hnfmrfdtg/?tab=field_core_pfield_1

  11. Mazrrzk表示:

    Привет!
    Как оказалось, купить диплом кандидата наук не так уж и сложно
    sewmir.ru/index.php?links_exchange=yes&page=71&show_all=yes

  12. Yrefbku表示:

    Здравствуйте!
    Купить диплом любого университета.
    civilpatrol.info/?q=petition/81359/luxdiplomru

  13. Xazrxiw表示:

    Здравствуйте!
    Приобрести документ ВУЗа.
    Мы можем предложить дипломы любых профессий по приятным ценам.
    anobii.com/en/018cf114cd7bba2877/profile/activity
    Рады оказать помощь!.

  14. Mazrqiz表示:

    Привет!
    Сколько стоит диплом высшего и среднего образования и как его получить?
    image.google.co.ck/url?sa=j&source=web&rct=j&url=aurus-diploms.com

  15. Mazraib表示:

    Привет!
    Официальная покупка аттестата о среднем образовании в Москве и других городах
    overfun.ru/index.php?/profile/934-christinap

  16. Trefxlu表示:

    Привет!
    Как получить диплом техникума с упрощенным обучением в Москве официально
    testotvet.blogspot.com/2014/03/blog-post_2819
    Поможем вам всегда!.

  17. Lazrohm表示:

    Привет!
    Мы можем предложить дипломы психологов, юристов, экономистов и прочих профессий по приятным ценам.
    telegra.ph/sovremennye-tehnologii-obucheniya-v-vuze-08-02

  18. Cazrxmh表示:

    Привет, друзья!
    Мы готовы предложить документы ВУЗов
    telegra.ph/pozdravleniespostupleniemvvuz0724

  19. Sazrixf表示:

    Привет!
    Заказать документ ВУЗа
    forum.gold-forum.ru/index.php?showtopic=70791

  20. Mazrpex表示:

    Привет!
    Как оказалось, купить диплом кандидата наук не так уж и сложно
    interestinglife4you.blogspot.com/2017/02/adobe-premiere-pro-cc

  21. наркологическая клиника в симферополе http://www.xn——7cdhaozbh1ayqhot7ooa6e.xn--p1ai .

  22. DanielTet表示:

    buy cytotec online https://furosemide.win/# lasix 40mg
    furosemide 40mg

  23. Dnrtduw表示:

    Привет!
    Приобрести документ о получении высшего образования вы сможете у нас.
    poselki.animetalk.ru/viewtopic.php?id=26051#p39180

  24. Yrefcnx表示:

    Привет, друзья!
    Купить диплом о высшем образовании.
    sims4mods.ru/lots/simsy-uchastok-brodyagi-chellendzh/#comment-88

  25. Sazrcdc表示:

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

  26. Cazroda表示:

    Добрый день!
    Купить диплом о высшем образовании
    telegra.ph/formy-obucheniya-v-vuze-08-02

  27. Kolyaski_pgSa表示:

    Идеальные коляски для прогулок с погодкой, сделают прогулки незабываемыми.
    Секрет подбора лучшей коляски для погодки, для комфортных и безопасных прогулок.
    Топовые модели колясок для погодок, которые покорят вас своим дизайном и функциональностью.
    Простые советы по уходу за коляской для погодки, продлить срок службы вашей коляски.
    Новинки в мире аксессуаров для колясок погодок, и подчеркнут индивидуальность вашего питомца.
    Уникальные возможности колясок для погодок, и незаменимыми для настоящих ценителей удобства.
    Выбор профессионалов: лучшие коляски для погодок, и наслаждаться комфортом во время прогулок.
    Элегантные и прочные коляски для погодок, для безопасных и комфортных прогулок с любимцем.
    Простые советы по организации прогулок для вашей погодки, которые сделают их незабываемыми.
    Топ-3 самых практичных колясок для погодок, которые станут вашим надежным помощником в прогулках.
    Инновации в сфере колясок для погодок, и незаменимыми для заботливых владельцев.
    Почему коляска для погодки станет вашим лучшим выбором, и как это сделает ваши прогулки приятными и комфортными.
    Секреты правильного выбора коляски для погодки, которая подчеркнет ваш стиль и индивидуальность.
    Эксклюзивные коляски для погодок, и хочет обеспечить своему питомцу все условия для приятных прогулок.
    Идеальные коляски для прогулок с погодкой, для активных и модных владельцев погодок.
    Как подобрать идеальную коляску для погодки
    hauck коляска для погодок https://kolyaskidlyapogodok.ru/ .

發佈留言

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