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

  1. breasmale表示:

    Among these two qualifications, Sword Master Gengxin is unique and incomparable brand cialis online

  2. Lazrwsd表示:

    Привет!
    Заказать диплом о высшем образовании.
    vocal.com.ua/node/62301

  3. Trefgaf表示:

    Привет!
    Рекомендации по безопасной покупке диплома о высшем образовании
    maisoncarlos.com/UserProfile/tabid/42/UserID/2037496/Default.aspx
    Всегда вам поможем!.

  4. Dnrtnrc表示:

    Привет!
    Купить документ университета можно в нашей компании в Москве.
    diplomyx24.ru/kupit-diplom-rostov-na-donu
    Успехов в учебе!

  5. AaronBuh表示:

    Компания Септик-Нара-купить септик
    занимается продажей, установкой и обслуживанием септиков в Наро-Фоминске Наро-Фоминском районе. Основное направление деятельности нашей компании именно установка под ключ септиков любых видов и размеров. С момента основания нашей компании, мы произвели монтаж более 1000 септиков по Московской и Калужской области. Благодаря этому у нас огромный опыт работы с любыми станциями, представленными в нашем регионе!
    Если Вы решили купить септик для дома или дачи, мы с радостью поможем Вам с выбором модели, доставим и установим септик на вашем участке в кратчайшие сроки.
    Мы занимаемся продажей септиков таких марок: Топас Юнилос Астра Евролос Тверь Аквалос Дочиста Фекалов Волгарь Удача. Мы работаем напрямую с производителями септиков, поэтому Вы можете быть уверены, что не переплачиваете ни копейки. Вся продукция в нашей компании имеет соответствующие сертификаты и лицензии. Время выезда на осмотр, установки или привоза оборудования согласовывается с клиентами и выполняется в срок. Мы заботимся о своей репутации, поэтому выполняем работу надежно и быстро.
    Если Вы не знаете, какой септик больше всего Вам подходит, мы предоставим консультацию и выезд специалиста на Ваш участок абсолютно бесплатно!
    Благодаря приобретению качественных септиков в нашей компании, каждый клиент получает большое количество преимуществ:
    » компактные размеры и небольшой вес устройства;
    » доступная стоимость очистной установки;
    » быстрый и простой монтаж;
    » невысокая стоимость эксплуатации;
    » отсутствие неприятных запахов;
    » высокая производительность;
    » длительный срок эксплуатации;
    » высокая степень очистки;
    » практически полностью автономный режим работы.

  6. The very next time I read a blog, I hope that it doesn’t disappoint me just as much as this one. I mean, I know it was my choice to read through, nonetheless I really thought you would probably have something useful to talk about. All I hear is a bunch of crying about something you could possibly fix if you weren’t too busy seeking attention.

  7. смотреть классное порево смотреть классное порево .

  8. Lazraow表示:

    Здравствуйте!
    Мы готовы предложить дипломы любой профессии по приятным ценам.
    http://www.kikwit.alobi.cd/2024/06/30/купить-диплом-в-ессентуки/

  9. Xazrkcq表示:

    Привет!
    Узнайте, как приобрести диплом о высшем образовании без рисков
    arusak-diploms-srednee.ru/kupit-diplom-v-krasnodare В 

  10. Cazriaw表示:

    Здравствуйте!
    Мы предлагаем документы ВУЗов, которые находятся в любом регионе России. Вы можете приобрести качественный диплом от любого заведения, за любой год, указав актуальную специальность и оценки за все дисциплины. Документы делаются на бумаге самого высшего качества. Это позволяет делать настоящие дипломы, не отличимые от оригиналов. Они заверяются необходимыми печатями и подписями.
    es-presto.ru/community/groups/0-0/183-zakazyvaem-diplom-v-proverennom-internet-magazine-po-vygodnoj-tsene

  11. Manrhti表示:

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

  12. Mazryzn表示:

    Здравствуйте!
    Приобрести документ о получении высшего образования вы сможете у нас. Мы оказываем услуги по продаже документов об окончании любых университетов Российской Федерации. Вы получите диплом по любой специальности, любого года выпуска, в том числе документы Советского Союза. Гарантируем, что при проверке документов работодателями, никаких подозрений не возникнет.
    Мы изготавливаем дипломы любых профессий по доступным ценам. Цена будет зависеть от выбранной специальности, года выпуска и ВУЗа. Стараемся поддерживать для клиентов адекватную ценовую политику. Важно, чтобы документы были доступны для большого количества наших граждан.
    qyshikisoxa.lowescouponn.com/kak-vozmozno-bystro-kupit-diplom-v-internet-magazine
    Рады помочь!

  13. Diplomi_wpEa表示:

    Привет, друзья!
    Заказать документ университета вы сможете в нашем сервисе.
    ast-diploms.com/kupit-diplom-o-vysshem-obrazovanii 

  14. Yrefkad表示:

    Добрый день!
    Приобрести диплом ВУЗа.
    http://www.paladiny.ru/forumtopics.dwar.php?ForumID=10
    Успешной учебы!

  15. Lariorgch表示:

    Полезная информация как купить диплом о высшем образовании без рисков
    diplomyx24.ru/kupit-diplom-nizhnij-novgorod

  16. Sazrbud表示:

    Привет, друзья!
    Пошаговая инструкция по официальной покупке диплома о высшем образовании
    kryza.network/create-blog
    Поможем вам всегда!

  17. Lazribe表示:

    Здравствуйте!
    Где заказать диплом специалиста?
    Приобрести диплом университета.
    realtyintellect.ru/byistroe-oformlenie-diploma-nadezhno-i-bezopasno

  18. Eanrlqh表示:

    Добрый день!
    Мы изготавливаем дипломы психологов, юристов, экономистов и любых других профессий по невысоким ценам.
    poltavagok.ru/legalnaya-pokupka-diplomov-byistro-i-udobno/

  19. Lazrfui表示:

    Привет!
    Мы предлагаем дипломы любой профессии по выгодным тарифам.
    formfinance.ru/kupite-diplom-bez-ozhidaniya-i-slozhnostey

  20. Cazrtsq表示:

    Добрый день!
    Мы предлагаем документы техникумов, которые находятся в любом регионе РФ. Вы имеете возможность купить качественный диплом за любой год, включая сюда документы СССР. Дипломы и аттестаты выпускаются на бумаге самого высокого качества. Это дает возможности делать государственные дипломы, которые не отличить от оригиналов. Они будут заверены необходимыми печатями и штампами.
    test.bpal.org/blogs/entry/8400-%D0%BF%D0%BE%D0%BA%D1%83%D0%BF%D0%B0%D0%B5%D0%BC-%D0%B4%D0%B8%D0%BF%D0%BB%D0%BE%D0%BC-%D0%B2-%D0%BF%D1%80%D0%BE%D0%B2%D0%B5%D1%80%D0%B5%D0%BD%D0%BD%D0%BE%D0%BC-%D0%BC%D0%B0%D0%B3%D0%B0%D0%B7%D0%B8%D0%BD%D0%B5-%D0%BF%D0%BE-%D0%BA%D0%BE%D0%BC%D1%84%D0%BE%D1%80%D1%82%D0%BD%D0%BE%D0%B9-%D1%81%D1%82%D0%BE%D0%B8%D0%BC%D0%BE%D1%81%D1%82%D0%B8/

  21. Uazrtsw表示:

    Привет!
    Где приобрести диплом по необходимой специальности?
    ekonty.com/blogs/view/58699

  22. Diplomi_suEa表示:

    Привет, друзья!
    Заказать документ института вы имеете возможность у нас.
    ast-diplomy.com/kupit-diplom-chelyabinsk 

  23. iptv表示:

    Spot on with this write-up, I actually believe this website needs a lot more attention. I’ll probably be back again to read more, thanks for the advice.

  24. Danrwxn表示:

    Привет, друзья!
    Мы готовы предложить дипломы любой профессии.
    pro-eltern.de/read-blog/145_hotite-zakazat-attestat-u-nadezhnogo-proizvoditelya-zhdem-vas.html
    Рады оказать помощь!.

  25. Dnrthfa表示:

    Здравствуйте!
    Приобрести документ ВУЗа можно у нас.
    ast-diplomy24.ru/kupit-diplom-o-srednem-obrazovanii
    Успешной учебы!

  26. Sazruhq表示:

    Привет, друзья!
    Покупка диплома о среднем полном образовании: как избежать мошенничества?
    forum-nine.mirbb.com/t11756-topic#31166
    Будем рады вам помочь!

  27. Diplomi_hyEa表示:

    купить диплом фармацевта цена diploms-x.com .

  28. iptv表示:

    After checking out a handful of the articles on your site, I honestly appreciate your technique of writing a blog. I saved as a favorite it to my bookmark site list and will be checking back in the near future. Take a look at my web site too and tell me your opinion.

發佈留言

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