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

  1. Eanrbsb表示:

    Добрый день!
    Мы можем предложить дипломы психологов, юристов, экономистов и любых других профессий по разумным ценам.
    agama.su/articles/physignathus-lesueurii/general-info/

  2. Diplomi_zekl表示:

    купить диплом 2017 купить диплом 2017 .

  3. Yrefnsh表示:

    Здравствуйте!
    Приобрести диплом о высшем образовании.
    http://www.ocf.berkeley.edu/~paultkim/amazon-is-giving-away-free-ebooks-for-world-book-day/
    Хорошей учебы!

  4. Trefren表示:

    Привет!
    Приобретение диплома ПТУ с сокращенной программой обучения в Москве
    pokupki.bestforums.org/viewtopic.php?f=30&t=17800&p=28558#p28558
    Поможем вам всегда!.

  5. Sazraaa表示:

    Привет!
    Приобретение диплома ВУЗа с сокращенной программой обучения в Москве
    nc750.ru/member.php?u=2812
    Рады помочь!.

  6. Cazrndu表示:

    Привет!
    Мы можем предложить документы техникумов, которые находятся на территории всей Российской Федерации. Можно купить диплом за любой год, указав подходящую специальность и хорошие оценки за все дисциплины. Дипломы и аттестаты выпускаются на бумаге высшего качества. Это дает возможность делать государственные дипломы, не отличимые от оригиналов. Они заверяются всеми обязательными печатями и штампами.
    sonnick84.onesmablog.com/%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%B0%D1%82%D1%82%D0%B5%D1%81%D1%82%D0%B0%D1%82-%D0%B2-%D0%B8%D0%BD%D1%82%D0%B5%D1%80%D0%BD%D0%B5%D1%82-%D0%BC%D0%B0%D0%B3%D0%B0%D0%B7%D0%B8%D0%BD%D0%B5-68639631

  7. Xazrxlf表示:

    Привет, друзья!
    Готовы предложить документы ВУЗов, расположенных в любом регионе РФ. Вы сможете заказать качественный диплом за любой год, указав необходимую специальность и оценки за все дисциплины. Дипломы и аттестаты делаются на бумаге высшего качества. Это дает возможность делать настоящие дипломы, которые невозможно отличить от оригинала. Документы будут заверены всеми обязательными печатями и подписями.
    Мы изготавливаем дипломы любой профессии по приятным тарифам. Стоимость будет зависеть от выбранной специальности, года получения и ВУЗа. Всегда стараемся поддерживать для заказчиков адекватную ценовую политику. Для нас очень важно, чтобы документы были доступны для большого количества наших граждан.
    arusak-diploms-srednee.ru/kupit-diplom-v-nizhnem-novgorodeВ 
    Удачи!

  8. Diplomi_irEa表示:

    Добрый день!
    Приобрести документ ВУЗа можно в нашем сервисе.
    ast-diplomas.com/kupit-diplom-nizhnij-novgorod

  9. Diplomi_byPa表示:

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

  10. Lazrkuu表示:

    Привет!
    Где заказать диплом по актуальной специальности?
    Заказать диплом ВУЗа.
    clubalameda.com/index.php/cb-profile/pluginclass/cbblogs?action=blogs&func=show&id=116

  11. Uazrivh表示:

    Добрый день!
    Приобрести диплом университета.
    sensualmarketplace.com/read-blog/949

  12. Sazrfqr表示:

    Привет!
    Как приобрести диплом техникума с минимальными рисками
    bvf.ru/forum/showthread.php?p=25249323#post25249323
    Будем рады вам помочь!.

  13. Lazrrli表示:

    Здравствуйте!
    Мы можем предложить дипломы психологов, юристов, экономистов и других профессий по невысоким тарифам.
    myworldgo.com/blog/107879/kak-mozhno-budet-zakazat-nedorogo-kachestvennyj-diplom-v-internete

  14. Uazrwkg表示:

    Привет, друзья!
    Приобрести диплом любого университета.
    grp.7olimp.ru/viewforum.php?f=1

  15. Danrcct表示:

    Привет, друзья!
    Где купить диплом специалиста?
    Мы изготавливаем дипломы любой профессии по невысоким ценам. Стоимость будет зависеть от той или иной специальности, года получения и образовательного учреждения. Стараемся поддерживать для покупателей адекватную ценовую политику. Важно, чтобы документы были доступны для подавляющей массы граждан.
    Для вас изготавливаем дипломы любой профессии по разумным тарифам.
    domainrama.com/read-blog/822_nadezhnyj-magazin-s-obshirnym-vyborom-dokumentov.html
    Всегда вам поможем!.

  16. Dnrtlch表示:

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

  17. Xazrxtl表示:

    Привет!
    Предлагаем документы техникумов, которые находятся на территории всей России. Вы можете купить качественный диплом за любой год, указав подходящую специальность и оценки за все дисциплины. Документы выпускаются на бумаге самого высокого качества. Это позволяет делать государственные дипломы, которые не отличить от оригинала. Они заверяются всеми требуемыми печатями и подписями.
    Мы изготавливаем дипломы любой профессии по приятным тарифам. Стоимость зависит от выбранной специальности, года получения и образовательного учреждения. Стараемся поддерживать для заказчиков адекватную политику тарифов. Важно, чтобы документы были доступными для большого количества наших граждан.
    arusak-diploms-srednee.ru  
    Успехов в учебе!

  18. Diplomi_tcEa表示:

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

  19. Sazryly表示:

    Привет, друзья!
    Как получить диплом техникума с упрощенным обучением в Москве официально
    zoofortunakz.5nx.ru/posting.php?mode=post&f=96&sid=243fcd228cbef3e00e42224c10ae6978
    Всегда вам поможем!.

  20. Mazrqaf表示:

    Привет!
    Сколько стоит получить диплом высшего и среднего образования легально?
    http://www.agriturismovecchiomulino.it/%D0%B0%D1%82%D1%82%D0%B5%D1%81%D1%82%D0%B0%D1%82-9-%D0%BA%D0%BB%D0%B0%D1%81%D1%81%D0%BE%D0%B2-%D0%B4%D0%BE-2010-%D0%B3%D0%BE%D0%B4%D0%B0-%D1%84%D0%BE%D1%82%D0%BE/

  21. Razrqhe表示:

    Добрый день!
    Мы предлагаем приобрести диплом в отличном качестве, неотличимый от оригинального документа без участия специалистов высокой квалификации со сложным оборудованием.
    koreasamsong.com/bbs/board.php?bo_table=free&wr_id=2563074
    Удачи!

  22. Lazrbzh表示:

    Привет, друзья!
    Мы изготавливаем дипломы любой профессии по доступным ценам.
    sommos.com.co/%D0%BA%D1%83%D0%BF%D0%BB%D1%8E-%D0%B4%D0%B8%D0%BF%D0%BB%D0%BE%D0%BC-%D0%B4%D0%BE%D0%BC%D0%B5/

  23. Lariornae表示:

    Быстрая схема покупки диплома старого образца: что важно знать?
    ast-diplomas.com/kupit-diplom-moskva

  24. Dnrtbzk表示:

    Добрый день!
    Купить документ института можно в нашем сервисе.
    diplomyx24.ru/kupit-diplom-moskva
    Успешной учебы!

  25. Xazrpxu表示:

    Привет!
    Предлагаем документы ВУЗов, расположенных в любом регионе РФ. Можно заказать диплом за любой год, включая документы старого образца СССР. Дипломы и аттестаты выпускаются на бумаге самого высшего качества. Это позволяет делать настоящие дипломы, которые невозможно отличить от оригинала. Они заверяются всеми обязательными печатями и штампами.
    Мы изготавливаем дипломы любых профессий по доступным ценам. Цена может зависеть от выбранной специальности, года получения и университета. Стараемся поддерживать для клиентов адекватную политику цен. Для нас важно, чтобы дипломы были доступными для подавляющей массы граждан.
    arusak-diploms-srednee.ru/diplom-sredne-spetcialnoe-obrazovanie  
    Успехов в учебе!

  26. Diplomi_dvkl表示:

    купить диплом среднего образования отзывы http://diploms-x.com/ .

發佈留言

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