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

  1. Rubengax表示:

    k8 k8 th? dam nha cai k8

  2. Online表示:

    Very good information. Lucky me I recently found your blog by accident (stumbleupon). I’ve book marked it for later!

  3. Josephsip表示:

    alo 789 dang nh?p: alo 789 dang nh?p – alo789

  4. Good write ups, Thank you.

  5. sbj.kr表示:

    What i don’t understood is in fact how you are no longer really a
    lot more smartly-liked than you may be right now.
    You are so intelligent. You already know thus considerably relating to this matter, produced me in my opinion believe it from so many
    numerous angles. Its like women and men aren’t fascinated until
    it is one thing to do with Lady gaga! Your own stuffs excellent.
    At all times take care of it up! http://sbj.kr/g5/bbs/board.php?bo_table=free&wr_id=1760716

  6. Тут можно преобрести купить взломостойкий сейф сейф металлический взломостойкий

  7. Тут можно преобрести сейфы взломостойкие сейфы взломостойкие класса

  8. Great blog! Do you have any suggestions for aspiring writers?
    I’m hoping to start my own website soon but I’m a little lost on everything.
    Would you suggest starting with a free platform like WordPress or go for
    a paid option? There are so many choices out there that I’m
    completely confused .. Any recommendations? Appreciate it! http://mercurymomentssuck.info/__media__/js/netsoltrademark.php?d=Review.woobi.co.kr%2Fbbs%2Fboard.php%3Fbo_table%3Dfree%26wr_id%3D169345

  9. Josephsip表示:

    188bet 88bet: nha cai 88bet – 88bet

  10. Stevenkated表示:

    https://88betviet.pro/# 188bet 88bet

  11. Josephsip表示:

    alo 789: alo 789 dang nh?p – 789alo

  12. JamesJap表示:

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

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

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

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

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

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

    https://t.me/s/reyting_top_kazino

  13. Josephsip表示:

    k8 th? dam: k8 th? dam – link vao k8

  14. Тут можно преобрести взломостойкие сейфы купить взломостойкие сейфы

  15. Тут можно преобрести где купить сейф сейф

  16. Тут можно преобрести сейфы взломостойкие класса взломостойкий сейф

  17. Modelnyy_ebsi表示:

    Модельный ряд BMW: откройте для себя новые возможности, удовлетворят любые потребности.
    Погрузитесь в мир BMW, дизайном.
    Проверьте последние достижения BMW, включая.
    Выбор для любого стиля жизни в модельном ряду BMW, впечатляюще широк.
    Наслаждайтесь качеством и элегантностью BMW, которые обеспечивают.
    Почему стоит выбрать BMW, с уникальными особенностями.
    Каждая модель BMW — это шедевр, предназначенный для.
    Выбор моделей BMW: найдите свою идеальную машину, которые стоит рассмотреть.
    Что нового в линейке BMW, проверьте.
    Модели BMW: оптимальный выбор для всех, подходящие для городской жизни.
    Погрузитесь в технологии BMW, это образ жизни.
    Каждая модель BMW — это удовольствие от вождения, который покоряет сердца.
    Каждая модель BMW — это мастерская инженерия, индивидуальностей.
    Почему BMW — это ваш идеальный выбор, от стиля до мощности.
    Вдохновляйтесь моделями BMW для вашего стиля жизни, с передовыми технологиями.
    Наслаждайтесь разнообразием автомобилей BMW, с уникальными возможностями.
    Каждая модель BMW — это гармония, для современных водителей.
    Ваш идеальный BMW ждет вас, с надежностью и безопасностью.
    Изучите мир BMW с новой перспективы, на любой вкус.
    bmw x4 2020 https://model-series-bmw.biz.ua/ .

  18. сейфы表示:

    Тут можно преобрести новый сейф сейф

  19. Stevenkated表示:

    https://88betviet.pro/# nha cai 88bet

發佈留言

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