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...

22,806 Responses

  1. Guide To Power Tools Uk: The Intermediate Guide To Power Tools Uk
    power Tools uk

  2. that site表示:

    Very good article. I definitely appreciate this website. Stick with it!

  3. AngelCroft表示:

    предметная фотосъемка товаров – Эффективная съемка товаров для привлечения покупателей и увеличения продаж.

  4. JacobLoody表示:

    https://www.arzamas-sauna.ru/ – профессиональные решения для создания уюта.

  5. Предлагаем услуги профессиональных инженеров офицальной мастерской.
    Еслли вы искали ремонт приставок sony playstation цены, можете посмотреть на сайте: ремонт приставок sony playstation в москве
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  6. I’m not sure why but this site is loading incredibly slow for me.
    Is anyone else having this issue or is it a issue on my end?
    I’ll check back later on and see if the problem still exists. http://Anyang.xn--2o2b15M1xf36o.com/bbs/board.php?bo_table=problem&wr_id=1712932

  7. Предлагаем услуги профессиональных инженеров офицальной мастерской.
    Еслли вы искали ремонт приставок sony playstation, можете посмотреть на сайте: ремонт приставок sony playstation адреса
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  8. Предлагаем услуги профессиональных инженеров офицальной мастерской.
    Еслли вы искали ремонт посудомоечных машин siemens рядом, можете посмотреть на сайте: ремонт посудомоечных машин siemens рядом
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  9. I’ve been surfing on-line more than three hours lately, yet I by no means found any interesting article like yours.
    It is pretty worth sufficient for me. Personally, if all site owners and
    bloggers made excellent content material as you did, the internet shall be a lot more
    helpful than ever before. http://Qzfczs.com/comment/html/?568071.html

  10. Предлагаем услуги профессиональных инженеров офицальной мастерской.
    Еслли вы искали ремонт приставок sony playstation, можете посмотреть на сайте: ремонт приставок sony playstation рядом
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  11. Besides SBI, which has decided to plough its own trough, virtually all major Public Sector Banks are collaborating within the CWE.

  12. вывод из запоя на дому в спб [url=https://uaportal.ukrbb.net/viewtopic.php?f=2&t=3731/]вывод из запоя на дому в спб[/url] .

  13. JacobLoody表示:

    https://ftbabrau.ru – сделайте кухню своим любимым местом.

  14. Предлагаем услуги профессиональных инженеров офицальной мастерской.
    Еслли вы искали ремонт посудомоечных машин siemens в москве, можете посмотреть на сайте: ремонт посудомоечных машин siemens цены
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  15. Предлагаем услуги профессиональных инженеров офицальной мастерской.
    Еслли вы искали ремонт приставок sony playstation цены, можете посмотреть на сайте: ремонт приставок sony playstation рядом
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  16. Virgil表示:

    Hello, I think your site might be having browser compatibility issues.

    When I look at your blog site in Opera, it looks fine but when opening in Internet Explorer, it
    has some overlapping. I just wanted to give you a quick heads up!

    Other then that, wonderful blog! http://Xn–2O2B15M1Xf36O.com/bbs/board.php?bo_table=problem&wr_id=1792445

  17. As long as there are extra vehicles approaching from behind, the traffic congestion travels in a wave.

  18. You need to be a part of a contest for one of the best websites online.
    I will highly recommend this site! https://worldaid.eu.org/discussion/profile.php?id=462772

  19. JacobLoody表示:

    купить кухню в екатеринбурге – доступные и стильные кухни, подходящие для любого бюджета.

發佈留言

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