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

10,993 Responses

  1. WilliamRhype表示:

    http://lisinopril.network/# buy lisinopril

  2. Davidtes表示:

    get cheap propecia no prescription cost of generic propecia cost propecia no prescription

  3. WilliamRhype表示:

    http://cytotec.club/# buy cytotec

  4. Ronaldpsymn表示:

    http://ciprofloxacin.tech/# buy cipro online

  5. GichardPheve表示:

    В нашем обществе, где диплом становится началом отличной карьеры в любом направлении, многие пытаются найти максимально быстрый и простой путь получения качественного образования. Наличие официального документа об образовании трудно переоценить. Ведь именно он открывает двери перед людьми, желающими начать профессиональную деятельность или продолжить обучение в университете.
    Предлагаем максимально быстро получить этот необходимый документ. Вы можете приобрести диплом, что является выгодным решением для человека, который не смог закончить обучение или утратил документ. дипломы изготавливаются аккуратно, с особым вниманием к мельчайшим элементам, чтобы на выходе получился полностью оригинальный документ.
    Преимущества такого подхода состоят не только в том, что вы сможете оперативно получить диплом. Процесс организован комфортно, с нашей поддержкой. Начав от выбора нужного образца документа до грамотного заполнения личной информации и доставки в любое место страны — все под абсолютным контролем качественных специалистов.
    Всем, кто пытается найти оперативный способ получить необходимый документ, наша компания предлагает отличное решение. Заказать диплом – значит избежать длительного обучения и не теряя времени переходить к важным целям: к поступлению в университет или к началу успешной карьеры.

    https://dlplomanrussian.com

  6. RandallTaulp表示:

    ciprofloxacin: buy cipro online canada – buy cipro

  7. Davidtes表示:

    generic propecia without prescription cost of generic propecia price buy propecia no prescription

  8. RandallTaulp表示:

    buy cipro cheap: purchase cipro – ciprofloxacin 500 mg tablet price

  9. RandallTaulp表示:

    get propecia no prescription: cheap propecia without insurance – order generic propecia without dr prescription

  10. WilliamRhype表示:

    http://finasteride.store/# propecia prices

  11. Davidtes表示:

    how much is 30 lisinopril lisinopril 40 mg coupon lisinopril online canadian pharmacy

  12. Lhaneevige表示:

    Сегодня, когда диплом становится началом удачной карьеры в любом направлении, многие ищут максимально простой путь получения качественного образования. Необходимость наличия документа об образовании переоценить невозможно. Ведь диплом открывает дверь перед любым человеком, который хочет начать профессиональную деятельность или продолжить обучение в ВУЗе.
    Предлагаем очень быстро получить этот важный документ. Вы можете заказать диплом, и это становится удачным решением для всех, кто не смог завершить образование, потерял документ или хочет исправить плохие оценки. Все дипломы изготавливаются с особой тщательностью, вниманием ко всем элементам. На выходе вы сможете получить 100% оригинальный документ.
    Преимущества этого подхода состоят не только в том, что вы максимально быстро получите диплом. Весь процесс организован комфортно, с нашей поддержкой. От выбора нужного образца до консультаций по заполнению личных данных и доставки по России — все под абсолютным контролем качественных специалистов.
    Всем, кто ищет оперативный способ получить необходимый документ, наша компания предлагает выгодное решение. Заказать диплом – это значит избежать длительного обучения и сразу переходить к своим целям: к поступлению в ВУЗ или к началу успешной карьеры.

    https://diploman-russiyan.com

  13. WilliamRhype表示:

    https://ciprofloxacin.tech/# cipro ciprofloxacin

  14. RandallTaulp表示:

    where can i buy cipro online: cipro for sale – buy cipro cheap

  15. Davidtes表示:

    tamoxifen chemo how does tamoxifen work tamoxifen therapy

  16. Tfeorr表示:

    buy digoxin generic – lasix uk furosemide order online

  17. RandallTaulp表示:

    order cheap propecia without insurance: propecia without dr prescription – generic propecia online

  18. Ronaldpsymn表示:

    https://cytotec.club/# cytotec online

  19. Lewisslund表示:

    В современном мире, где диплом – это начало успешной карьеры в любой сфере, многие пытаются найти максимально быстрый и простой путь получения качественного образования. Наличие официального документа переоценить просто невозможно. Ведь диплом открывает двери перед всеми, кто стремится вступить в профессиональное сообщество или продолжить обучение в любом ВУЗе.
    Предлагаем быстро получить любой необходимый документ. Вы можете заказать диплом нового или старого образца, что является отличным решением для всех, кто не смог завершить образование или утратил документ. диплом изготавливается с особой аккуратностью, вниманием к мельчайшим деталям. В итоге вы сможете получить продукт, полностью соответствующий оригиналу.
    Плюсы подобного подхода заключаются не только в том, что можно оперативно получить диплом. Весь процесс организован комфортно и легко, с профессиональной поддержкой. Начиная от выбора требуемого образца диплома до консультации по заполнению личных данных и доставки в любое место страны — все будет находиться под абсолютным контролем качественных специалистов.
    Таким образом, для всех, кто ищет быстрый способ получить требуемый документ, наша компания готова предложить отличное решение. Купить диплом – значит избежать продолжительного обучения и не теряя времени перейти к личным целям: к поступлению в университет или к началу трудовой карьеры.

    https://diploman-russiyan.com

  20. RandallTaulp表示:

    purchase cytotec: cytotec pills online – order cytotec online

  21. Davidtes表示:

    cost generic propecia for sale cost cheap propecia price propecia without insurance

  22. WilliamRhype表示:

    http://lisinopril.network/# zestril 20 mg tablet

  23. WilliamRhype表示:

    https://finasteride.store/# cost cheap propecia for sale

  24. Davidtes表示:

    antibiotics cipro cipro online no prescription in the usa ciprofloxacin

  25. StephenDeery表示:

    В современном мире, где диплом является началом отличной карьеры в любом направлении, многие стараются найти максимально быстрый путь получения образования. Наличие документа об образовании трудно переоценить. Ведь именно он открывает двери перед любым человеком, который хочет вступить в сообщество профессионалов или продолжить обучение в университете.
    Предлагаем быстро получить этот важный документ. Вы можете заказать диплом нового или старого образца, что будет выгодным решением для всех, кто не смог завершить обучение, утратил документ или желает исправить свои оценки. диплом изготавливается аккуратно, с максимальным вниманием к мельчайшим элементам, чтобы на выходе получился документ, 100% соответствующий оригиналу.
    Преимущества данного подхода заключаются не только в том, что можно оперативно получить диплом. Процесс организован просто и легко, с профессиональной поддержкой. От выбора необходимого образца до консультаций по заполнению личной информации и доставки в любое место страны — все под полным контролем опытных специалистов.
    Для всех, кто пытается найти оперативный способ получить требуемый документ, наша компания может предложить отличное решение. Приобрести диплом – значит избежать продолжительного обучения и не теряя времени перейти к личным целям: к поступлению в ВУЗ или к началу удачной карьеры.

    https://dlplomanrussian.com

  26. RandallTaulp表示:

    cipro 500mg best prices: ciprofloxacin mail online – ciprofloxacin over the counter

  27. Ronaldpsymn表示:

    http://lisinopril.network/# zestril pill

  28. Davidtes表示:

    buy cytotec in usa cytotec buy online usa cytotec abortion pill

  29. RandallTaulp表示:

    buy cytotec online: buy cytotec in usa – cytotec pills buy online

  30. RandallTaulp表示:

    buy cytotec online: purchase cytotec – Misoprostol 200 mg buy online

發佈留言

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