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

32,570 Responses

  1. Тут можно преобрести навес для двух машин в Санкт-Петербурге подробно на сайте навес металлический

  2. Williamabesy表示:

    где продать быстро аккаунты маркетплейс готовых аккаунтов

  3. Kevindal表示:

    биржа аккаунтов соц сетей магазин для покупки аккаунтов

  4. Josephsip表示:

    alo789hk: alo 789 dang nh?p – alo 789

  5. Тут можно преобрести навес из поликарбоната для дачи в Санкт-Петербурге подробно на сайте металлический навес

  6. Rubengax表示:

    alo789hk alo789 dang nh?p alo789 dang nh?p

  7. Josephsip表示:

    alo789 chinh th?c: dang nh?p alo789 – 789alo

  8. Curtismence表示:

    https://k8viet.guru/# k8 th? dam

  9. The identical details that you may get from an actual estate agent, you’ll find out by conducting searches.

  10. Williamabesy表示:

    купля продажа аккаунта продажа аккаунтов

  11. Kevindal表示:

    купить аккаунты в соц сетях магазин аккаунтов

  12. RobertLoume表示:

    биржа аккаунтов соц сетей сервисы для покупки аккаунтов

  13. Josephsip表示:

    alo 789: alo 789 – alo789 chinh th?c

  14. Rubengax表示:

    k8 bet k8 th? dam k8 th? dam

  15. KevinbeR表示:

    Устал сливать в азартном доме? Хватит делать ставки без разбора! Подписывайся на Рейтинг Казино! ??

    Оставь в прошлом о потерянных вкладах и огорчениях! Наш Telegram-канал “Наш канал” превратится в твоим надежным проводником в вселенной ставок!

    Что именно тебя ждет в нашем канале:

    Независимые обзоры заведений: Мы рассматриваем всё – от разрешения и репутации до бонусов и скорости выплат. Никаких продвижения, лишь правдивая сведения!
    Актуальные табели о рангах: Посмотри, какие казино действительно выплачивают выигрыши и обеспечивают самые выгодные правила для клиентов!
    Уникальные премии и промокоды: Получай лучшие варианты от заслуживающих доверия платформ!
    Последние сообщения из области ставок: Оставайся в теме последних фактов и трендов!
    Указания и стратегии от опытных пользователей: Улучши свои вероятность на выигрыш и делай ставки с умом!

    Перестань полагаться на фортуну! Пора играть разумно!

    Вступай на “Наш Telegram канал “Рейтинг Казино”” прямо сейчас и преврати азарт в прибыль!

    https://telegra.ph/Luchshie-Kazino-dlya-Igry-v-Bakkara-Azart-i-Vysokie-Stavki-03-23

  16. Ronny表示:

    Very good website you have here but I was wanting to know if you knew of any message boards that cover the same
    topics discussed in this article? I’d really love to be a part of community where
    I can get comments from other experienced people that share the same
    interest. If you have any recommendations, please let me know.
    Appreciate it! http://Ntriever.Subnara.info/bbs/board.php?bo_table=free&wr_id=302545

  17. Rubengax表示:

    88bet 88 bet keo nha cai 88bet

  18. Admiring the dedication you put into your website and detailed information you provide.
    It’s good to come across a blog every once in a
    while that isn’t the same outdated rehashed material.
    Wonderful read! I’ve saved your site and I’m including your RSS feeds to my Google account. http://Yonseiwell.com/bbs/board.php?bo_table=free&wr_id=196497

  19. Reinaldo表示:

    This piece of writing will help the internet users for building up new web site or even a weblog from start to end. http://shsenc.co.kr/bbs/board.php?bo_table=free&wr_id=1915918

  20. Curtismence表示:

    https://alo789.auction/# dang nh?p alo789

  21. Rubengax表示:

    alo789 chinh th?c alo789 dang nh?p alo789

  22. Stevenkated表示:

    https://k8viet.guru/# k8 th? dam

  23. Thanks a lot for sharing this with all people you really understand what you’re speaking about!
    Bookmarked. Kindly also visit my site =). We can have a hyperlink change contract among us http://xn--23-Np4iz15g.com/bbs/board.php?bo_table=free&wr_id=601490

  24. Do you have any video of that? I’d care to find out more details. http://olangodito.com/bbs/board.php?bo_table=free&wr_id=3138115

  25. Josephsip表示:

    keo nha cai 88bet: 88bet – nha cai 88bet

發佈回覆給「Josephsip」的留言 取消回覆

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