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

14,883 Responses

  1. JamesUnemo表示:

    i-guru – Ремонт Iphone и другой техники Apple в Минске
    ремонт зарядки apple watch 5
    Профессиональный ремонт любых устройств из линейки Apple, без посредников
    80% ремонтов iPhone занимает около 20 минут
    Несложные ремонты делаются быстро, модульный ремонт в большинстве случаев занимает не более 20 минут.
    Почему выбирают i-guru
    Ремонт в тот же день
    Даже большинство сложных ремонтов выполняем день в день.
    Гарантировано низкие цены
    Мы беремся за сложные задачи, не передавая их сторонним исполнителям, и зарабатываем не как посредники.
    Честная гарантия
    Предлагаем честную гарантию на выполненные работы до 12 месцев в зависимости от вида работ.

  2. WilliamDeeli表示:

    Привет, друзья!
    Мы предлагаем быстро и выгодно приобрести диплом, который выполняется на оригинальной бумаге и заверен мокрыми печатями, водяными знаками, подписями должностных лиц. Диплом пройдет лубую проверку, даже при помощи специального оборудования. Решите свои задачи быстро и просто с нашей компанией.
    coool-craft.4fan.cz/profile.php?lookup=10035
    Успехов в учебе!

  3. Lazrgux表示:

    Привет, друзья!
    Где приобрести диплом по необходимой специальности?
    Приобрести диплом любого университета.
    mkpnz.ru/users/8

  4. Trefquw表示:

    Здравствуйте!
    Официальная покупка диплома вуза с сокращенной программой в Москве
    http://www.markusragger.at/chess/index.php/kforum/jm-parralax-slideshow/647914#648040
    Будем рады вам помочь!.

  5. link bokep表示:

    Hi there! I could have sworn I’ve been to this web site before but after looking at many of the articles I realized it’s new to me. Regardless, I’m certainly pleased I found it and I’ll be book-marking it and checking back regularly.

  6. Dnrtgmf表示:

    Привет, друзья!
    Заказать документ о получении высшего образования можно в нашей компании.
    diplomasx.com/otzyvy
    Успехов в учебе!

  7. Lazrgqv表示:

    Привет, друзья!
    Где заказать диплом специалиста?
    Приобрести диплом ВУЗа.
    ls.monetka.in.ua/2024/07/04/kak-nayti-proverennyy-onlayn-magazin-s-obshirnym-vyborom-diplomov.html

  8. Diplomi_xbEa表示:

    Привет, друзья!
    Приобрести документ университета можно в нашем сервисе.
    diplomasx.com/kupit-diplom-kazan 

  9. Razrtbe表示:

    Здравствуйте!
    Наша компания предлагает купить диплом в высоком качестве, неотличимый от оригинального документа без участия специалистов высокой квалификации с дорогостоящим оборудованием.
    http://www.mrkineshma.ru/support/forum/view_profile.php?UID=223946
    Успехов в учебе!

  10. Cazropl表示:

    Здравствуйте!
    Мы готовы предложить документы ВУЗов, которые находятся на территории всей Российской Федерации. Можно приобрести качественно сделанный диплом от любого учебного заведения, за любой год, указав необходимую специальность и хорошие оценки за все дисциплины. Документы делаются на “правильной” бумаге высшего качества. Это дает возможность делать государственные дипломы, не отличимые от оригинала. Они будут заверены необходимыми печатями и штампами.
    dailygram.com/blog/1304680/%D0%B2%D1%8B%D0%B3%D0%BE%D0%B4%D0%BD%D1%8B%D0%B5-%D1%86%D0%B5%D0%BD%D1%8B-%D0%B8-%D0%B2%D1%8B%D1%81%D0%BE%D0%BA%D0%BE%D0%B5-%D0%BA%D0%B0%D1%87%D0%B5%D1%81%D1%82%D0%B2%D0%BE-%D0%BF%D0%BE%D0%BA%D1%83%D0%BF%D0%B0%D0%B9-%D0%B4%D0%B8%D0%BF%D0%BB%D0%BE%D0%BC%D1%8B-%D0%BE%D0%BD%D0%BB%D0%B0%D0%B9%D0%BD/

  11. Danrzkv表示:

    Привет!
    Мы изготавливаем дипломы любых профессий.
    mytenerji.com/2024/07/14/диплом-автоэлектрика-купить/
    Поможем вам всегда!.

  12. Lazrnws表示:

    Привет!
    Мы можем предложить дипломы любой профессии по выгодным тарифам.
    sommos.com.co/куплю-диплом-доме/

  13. Uazrfbl表示:

    Здравствуйте!
    Где приобрести диплом специалиста?
    machineintelligence.mn.co/posts/62050602
    Удачи!

  14. Sazrvyd表示:

    Здравствуйте!
    Вопросы и ответы: можно ли быстро купить диплом старого образца?
    moningrp.listbb.ru/viewtopic.php?f=16&t=453
    Рады оказаться полезными!

  15. Great site you have here.. It’s difficult to find excellent writing like yours these days. I honestly appreciate individuals like you! Take care!!

  16. Xazrudx表示:

    Добрый день!
    Официальная покупка диплома вуза с сокращенной программой в Москве
    landik-diploms-srednee.ru/kupit-diplom-v-voronezhe  

  17. Cazrktw表示:

    Здравствуйте!
    Мы предлагаем документы техникумов, расположенных на территории всей РФ. Можно заказать качественный диплом за любой год, указав необходимую специальность и оценки за все дисциплины. Дипломы и аттестаты выпускаются на бумаге самого высшего качества. Это дает возможности делать настоящие дипломы, которые не отличить от оригинала. Документы заверяются необходимыми печатями и подписями.
    d.mwoff.org/index.php?/gallery/image/116-%D0%B2%D1%8B%D0%B3%D0%BE%D0%B4%D0%BD%D1%8B%D0%B5-%D1%86%D0%B5%D0%BD%D1%8B-%D0%B8-%D0%BF%D1%80%D0%B5%D0%BA%D1%80%D0%B0%D1%81%D0%BD%D0%BE%D0%B5-%D0%BA%D0%B0%D1%87%D0%B5%D1%81%D1%82%D0%B2%D0%BE-%D0%BF%D0%BE%D0%BA%D1%83%D0%BF%D0%B0%D0%B9-%D0%B4%D0%B8%D0%BF%D0%BB%D0%BE%D0%BC%D1%8B-%D0%BE%D0%BD%D0%BB%D0%B0%D0%B9%D0%BD/

  18. Dnrtspp表示:

    Привет!
    Купить документ о получении высшего образования можно у нас в столице.
    diplomyx.com/otzyvy
    Хорошей учебы!

  19. Sazrkba表示:

    Привет, друзья!
    Купить диплом магистра оказалось возможно, быстрое обучение и диплом на руки
    artrp.5nx.ru/viewtopic.php?f=3&t=9578
    Всегда вам поможем!

  20. Diplomi_ucEa表示:

    Привет, друзья!
    Заказать документ ВУЗа вы сможете у нас в столице.
    diplomasx.com/kupit-diplom-ekaterinbur

  21. Razrfln表示:

    Привет!
    Наша компания предлагает приобрести диплом отличного качества, который невозможно отличить от оригинального документа без использования специального оборудования и квалифицированного специалиста.
    kzgbi-2.ru/forums.php?m=posts&q=7721&n=last#bottom
    Хорошей учебы!

  22. Xazrglv表示:

    Здравствуйте!
    Можно ли купить диплом? Основные рекомендации
    landik-diploms-srednee.ru/kupit-diplom-v-novosibirske  

  23. Eanrrnz表示:

    Привет!
    Мы готовы предложить дипломы любой профессии по невысоким ценам.
    asterisk-e.com/c/gb/apeboard_plus.cgi?command?read_S.U.B.S.Tr.A.T.Ei.L.N.Z@S.No.W.D.R.If.T.Q.B.V.N@g.oog.l.eemail.2.1@listbell.com/story1383284/window-repair

  24. Great site you’ve got here.. It’s hard to find excellent writing like yours these days. I honestly appreciate people like you! Take care!!

發佈留言

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