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

  1. Dnrtfpx表示:

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

  2. Razrzde表示:

    Привет!
    Наш сервис предлагает заказать диплом высочайшего качества, который невозможно отличить от оригинала без участия специалистов высокой квалификации со специальным оборудованием.
    talented-people.vraiforum.com/profile.php?mode=viewprofile&u=8916
    Хорошей учебы!

  3. Eanruzz表示:

    Привет!
    Мы можем предложить дипломы психологов, юристов, экономистов и прочих профессий по приятным ценам.
    allukrnews.ru/ofitsialnyie-diplomyi-legalno-i-konfidentsialno/

  4. Lazrzqy表示:

    Привет!
    Мы предлагаем дипломы психологов, юристов, экономистов и любых других профессий по приятным тарифам.
    innovativeimo.org/read-blog/653_kak-najti-nadezhnyj-internet-magazin-realizuyushij-dokumenty.html

  5. Cpgike表示:

    order tenormin 50mg pills – order generic carvedilol buy coreg 6.25mg generic

  6. Pazrgzz表示:

    Здравствуйте!
    Мы можем предложить дипломы любой профессии по выгодным тарифам. Стоимость зависит от выбранной специальности, года выпуска и образовательного учреждения.
    landik-diploms-srednee.ru/attestat-shkoly  
    Хорошей учебы!

  7. Sazrhvx表示:

    Привет, друзья!
    Сколько стоит диплом высшего и среднего образования и как это происходит?
    medbereg.ru/club/user/82/blog/4161
    Рады оказаться полезными!.

  8. Cazrcoh表示:

    Привет!
    Купить диплом университета.
    Мы предлагаем документы ВУЗов, которые расположены в любом регионе Российской Федерации. Можно заказать качественный диплом от любого учебного заведения, за любой год, указав актуальную специальность и хорошие оценки за все дисциплины. Документы печатаются на бумаге высшего качества. Это позволяет делать настоящие дипломы, не отличимые от оригиналов. Они будут заверены необходимыми печатями и подписями.
    http://www.webofiice.ro/blogs/1890/%D0%9A%D0%B0%D0%BA-%D0%BC%D0%BE%D0%B6%D0%BD%D0%BE-%D0%B1%D1%8B%D1%81%D1%82%D1%80%D0%BE-%D0%BA%D1%83%D0%BF%D0%B8%D1%82%D1%8C-%D0%B4%D0%B8%D0%BF%D0%BB%D0%BE%D0%BC-%D0%B2-%D0%BE%D0%BD%D0%BB%D0%B0%D0%B9%D0%BD-%D0%BC%D0%B0%D0%B3%D0%B0%D0%B7%D0%B8%D0%BD%D0%B5

  9. Yrefwvu表示:

    Привет, друзья!
    Заказать диплом любого университета.
    gamesmaker.ru/forum/common/offtopics/#replyform
    Удачи!

  10. Trefswj表示:

    Привет, друзья!
    Процесс получения диплома стоматолога: реально ли это сделать быстро?
    http://www.rcauto.pl/modules.php?name=Your_Account&op=userinfo&username=ypygo
    Рады оказаться полезными!.

  11. Mazraas表示:

    Здравствуйте!
    Приобрести диплом о высшем образовании
    uptoscreen.com/read-blog/4362_kak-podobrat-nadezhnyj-onlajn-magazin-kotoryj-prodaet-dokumenty.html

  12. Lazrjhb表示:

    Добрый день!
    Мы можем предложить дипломы любых профессий по выгодным ценам.
    blitzguard.mk/%D0%BA%D1%83%D0%BF%D0%B8%D1%82%D1%8C-%D0%B4%D0%B8%D0%BF%D0%BB%D0%BE%D0%BC-%D1%81%D1%80%D0%B5%D0%B4%D0%BD%D0%B5%D0%B5-%D0%BE%D0%B1%D1%80%D0%B0%D0%B7%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5-%D1%8D%D1%82/

  13. Lazrdff表示:

    Привет!
    Где заказать диплом по нужной специальности?
    Приобрести диплом о высшем образовании.
    gamesfortop.ru/diplom-dlya-karernogo-rosta-prosto-i-udobno

  14. Uazrixi表示:

    Привет!
    Где приобрести диплом по нужной специальности?
    dog-ola.ru/viewtopic.php?f=28&t=7443
    Успехов в учебе!

  15. Diplomi_yskl表示:

    купить диплом в находке https://www.diploms-x.com .

  16. WilliamDeeli表示:

    Привет, друзья!
    Наша компания предлагает быстро и выгодно купить диплом, который выполнен на оригинальном бланке и заверен печатями, штампами, подписями должностных лиц. Документ способен пройти любые проверки, даже при помощи специальных приборов. Достигайте свои цели быстро и просто с нашей компанией.
    http://www.mamalipetsk.ru/index.php?name=forums&op=showtopic&id=28135
    Хорошей учебы!

  17. Diplomi_olkl表示:

    купить диплом высшем гознак asxdiplomik24.ru .

  18. Uazrccw表示:

    Привет, друзья!
    Купить диплом о высшем образовании.
    youarecreatedtoshine.mn.co/posts/61724706

  19. Diplomi_nqEa表示:

    Здравствуйте!
    Заказать документ ВУЗа вы имеете возможность у нас.
    diploms-x.com/kupit-diplom-o-srednem-obrazovanii

  20. Diplomi_ytet表示:

    купить диплом в тагиле diplomyx.com .

  21. Lazrwkm表示:

    Здравствуйте!
    Где приобрести диплом по необходимой специальности?
    Купить диплом ВУЗа.
    xleks.ru/2024/07/04/shirokiy-katalog-dokumentov-v-znamenitom-internet-magazine.html

  22. Diplomi_ayKn表示:

    образование купить диплом воспитатель asxdiplomik.com .

  23. Manrncx表示:

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

  24. Wazrxfc表示:

    Здравствуйте!
    Мы можем предложить документы ВУЗов, которые находятся на территории всей России. Вы имеете возможность купить качественно сделанный диплом от любого учебного заведения, за любой год, указав подходящую специальность и хорошие оценки за все дисциплины. Дипломы и аттестаты делаются на “правильной” бумаге самого высокого качества. Это позволяет делать настоящие дипломы, не отличимые от оригинала. Документы заверяются всеми обязательными печатями и подписями.
    newsbizlife.ru/page/5

  25. Dnrtnpq表示:

    Здравствуйте!
    Заказать документ о получении высшего образования можно у нас в столице.
    ast-diploms24.ru/otzyvy
    Хорошей учебы!

  26. Pazrtai表示:

    Добрый день!
    Мы изготавливаем дипломы любой профессии по невысоким тарифам. Цена будет зависеть от выбранной специальности, года выпуска и ВУЗа.
    landik-diploms-srednee.ru/attestat-shkoly  
    Удачи!

發佈留言

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