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

  1. Uazrhkp表示:

    Добрый день!
    Купить диплом о высшем образовании.
    montrealpal.com/read-blog/890

  2. Dnrtnec表示:

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

  3. Qazrpqz表示:

    Здравствуйте!
    Официальная покупка диплома вуза с сокращенной программой обучения в Москве.
    Купить диплом университета.
    elotag.com/read-blog/296

  4. WilliamDeeli表示:

    Здравствуйте!
    Наши специалисты предлагают быстро и выгодно приобрести диплом, который выполнен на оригинальной бумаге и заверен печатями, водяными знаками, подписями. Диплом способен пройти лубую проверку, даже при помощи профессионального оборудования. Решите свои задачи быстро и просто с нашей компанией.
    salda.ws/meet/notes.php?id=13211
    Успешной учебы!

  5. Yrefbmf表示:

    Привет!
    Заказать диплом о высшем образовании.
    kratkoebio.ru/mishshi-sespel/?unapproved=470078&moderation-hash=721c8335fea4b53ef119b365c44d1aee#comment-470078
    Успешной учебы!

  6. Diplomi_guEa表示:

    Добрый день!
    Заказать документ института вы сможете в нашей компании в Москве.
    ast-diplom.com/kupit-diplom-magistra

  7. Diplomi_nfkl表示:

    где купить диплом в рязани asxdiplomik24.ru .

  8. Manrfbg表示:

    Здравствуйте!
    Где купить диплом специалиста?
    Мы готовы предложить документы ВУЗов, расположенных в любом регионе России. Можно приобрести качественно напечатанный диплом за любой год, указав актуальную специальность и оценки за все дисциплины. Дипломы выпускаются на “правильной” бумаге самого высшего качества. Это дает возможность делать государственные дипломы, которые невозможно отличить от оригинала. Они будут заверены необходимыми печатями и подписями.
    Мы предлагаем дипломы любой профессии по выгодным тарифам.
    asxdiplomik.com/kupit-diplom-krasnoyarsk
    Рады помочь!

  9. Mazrpdy表示:

    Здравствуйте!
    Вопросы и ответы: можно ли быстро купить диплом старого образца?
    itbitgroup.ru/legkiy-sposob-priobresti-diplom-onlayn

  10. Diplomi_ytkl表示:

    купить диплом автодорожный https://www.diploms-x.com .

  11. Diplomi_cnPa表示:

    где купить диплом где купить диплом .

  12. Diplomi_cdei表示:

    купить диплом повара 5 разряда ast-diploms.com .

  13. Cazryii表示:

    Здравствуйте!
    Мы готовы предложить документы техникумов, расположенных в любом регионе России. Можно приобрести диплом за любой год, указав подходящую специальность и хорошие оценки за все дисциплины. Дипломы и аттестаты выпускаются на бумаге самого высокого качества. Это дает возможность делать настоящие дипломы, не отличимые от оригиналов. Документы будут заверены необходимыми печатями и штампами.
    iie1edgkc.frewwebs.com/28827538/%D0%9A%D0%B0%D0%BA-%D0%B2%D0%BE%D0%B7%D0%BC%D0%BE%D0%B6%D0%BD%D0%BE-%D0%B1%D1%83%D0%B4%D0%B5%D1%82-%D0%BD%D0%B5%D0%B4%D0%BE%D1%80%D0%BE%D0%B3%D0%BE-%D0%BF%D1%80%D0%B8%D0%BE%D0%B1%D1%80%D0%B5%D1%81%D1%82%D0%B8-%D0%B4%D0%B8%D0%BF%D0%BB%D0%BE%D0%BC-%D0%B2-%D0%BC%D0%B0%D0%B3%D0%B0%D0%B7%D0%B8%D0%BD%D0%B5

  14. Mazrvpv表示:

    Добрый день!
    Как получить диплом техникума официально и без лишних проблем
    weekofsport.ru/vash-diplom-kachestvo-i-autentichnost

  15. Sazrbms表示:

    Привет, друзья!
    Можно ли быстро купить диплом старого образца и в чем подвох?
    worldgonews.ru/legkiy-put-k-diplomirovannomu-uspehu-byistro-i-nadezhno
    Рады оказать помощь!.

  16. ngentot pepek表示:

    Hi! I just want to give you a huge thumbs up for the great information you have got right here on this post. I am coming back to your blog for more soon.

  17. Xazrglo表示:

    Привет, друзья!
    Легальная покупка диплома ПТУ с сокращенной программой обучения
    landik-diploms-srednee.ru/kupit-diplom-v-omske В 

  18. Lazrqne表示:

    Здравствуйте!
    Где купить диплом специалиста?
    Приобрести диплом любого ВУЗа.
    hl2forever.ru/member.php?u=266

  19. Jkslxl表示:

    order gasex online – ashwagandha tablets cheap diabecon without prescription

  20. Dnrtyyq表示:

    Привет, друзья!
    Заказать документ о получении высшего образования можно в нашей компании.
    diploms-x.com/kupit-diplom-o-srednem-obrazovanii
    Хорошей учебы!

  21. Diplomi_nvEa表示:

    Здравствуйте!
    Купить документ института вы сможете у нас.
    ast-diplomy24.ru/kupit-diplom-magistra

  22. Eanrxzy表示:

    Привет!
    Мы изготавливаем дипломы любых профессий по доступным ценам.
    eurodelo.ru/vyisshee-obrazovanie-dlya-vseh-byistro-i-legko

  23. Cazrisp表示:

    Здравствуйте!
    Мы предлагаем документы ВУЗов, которые расположены в любом регионе Российской Федерации. Вы имеете возможность приобрести диплом за любой год, включая документы старого образца СССР. Дипломы и аттестаты выпускаются на “правильной” бумаге высшего качества. Это дает возможности делать настоящие дипломы, которые невозможно отличить от оригиналов. Документы будут заверены необходимыми печатями и штампами.
    fisketavling.nu/cb-profile/pluginclass/cbblogs?action=blogs&func=show&id=343

  24. Sazrilp表示:

    Добрый день!
    Реально ли приобрести диплом стоматолога? Основные шаги
    biketrials.ru/live/blog.php?b=9128
    Поможем вам всегда!.

  25. Xazrjce表示:

    Привет, друзья!
    Купить диплом о среднем полном образовании, в чем подвох и как избежать обмана?
    landik-diploms-srednee.ru/kupit-diplom-v-voronezhe В 

  26. Lariornss表示:

    Как избежать рисков при покупке диплома колледжа или ПТУ в России
    ast-diplomas.com/kupit-diplom-moskva

  27. Qazrqnt表示:

    Добрый день!
    Быстрая схема покупки диплома старого образца: что важно знать?.
    Приобрести диплом университета.
    prosat.ru/modules.html?name=Journal&file=display&jid=23366

  28. Yrefeqw表示:

    Привет!
    Купить диплом о высшем образовании.
    ya.10bb.ru/viewtopic.php?id=3301#p6014
    Удачи!

  29. Lazrzvi表示:

    Привет!
    Где заказать диплом специалиста?
    Приобрести диплом ВУЗа.
    http://www.4x4zubry.by/forum/messages/forum1/topic2050/message202282/?result=new#message202282

  30. Dnrtjcs表示:

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

發佈留言

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