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

  1. Williamuniot表示:

    пин ап казино – пин ап

  2. KellyIroke表示:

    The fish collectors hoping to save rare species from extinction
    phantom wallet
    In the rural town of Petersham, Massachusetts, 78-year-old Peter George keeps 1,000 fish in his basement.

    “Baseball, sex, fish,” he says, listing his life’s great loves. “My single greatest attribute is that I am passionate about things. That sort of defines me.”

    All of George’s fish are endangered Rift Lake cichlids: colorful, freshwater fish native to the Great Lakes of East Africa. Inside his 42 tanks, expertly squeezed into a single subterranean room, the fish shimmer under artificial lights, knowing nothing of the expansive waters in which their ancestors once swam, thousands of miles away.

    Due to pollution, climate change and overfishing, freshwater fish are thought to be the second most endangered vertebrates in the world. In Lake Victoria, a giant lake shared between Kenya, Uganda and Tanzania, over a quarter of endemic species, including countless cichlids, are either critically endangered or extinct.

    But for some species, there is still hope. A community of rare fish enthusiasts collect endangered species of freshwater fish from the lakes and springs of East Africa, Mexico and elsewhere, and preserve them in their personal fish tanks in the hope that they might one day be reintroduced in the wild.

    “I’m a hard ass,” George says. “There is hope.”
    Insurance
    George has been collecting fish since 1948 when, as a four-year-old in the Bronx, he would look after his grandmother’s rainbow fish. He soon developed “multiple tank syndrome” – a colloquial term used by fish collectors to denote the spiral commonly experienced after acquiring one’s first tank, which involves the sufferer buying many more tanks within a short space of time. He has not stopped collecting since.

    Now, George sees himself as a conservationist; his tanks contain what is known as “insurance populations” – populations of endangered fish that are likely to go extinct in their natural habitats. He believes that when the time is right, they can be taken from his collection and returned to their homes. “I would never accept the fact that they couldn’t be reintroduced,” he says.

  3. Профессиональный сервисный центр по ремонту бытовой техники с выездом на дом.
    Мы предлагаем:ремонт крупногабаритной техники в москве
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  4. Профессиональный сервисный центр по ремонту бытовой техники с выездом на дом.
    Мы предлагаем:сервисные центры в москве
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  5. Williamuniot表示:

    пин ап вход – пин ап казино

  6. Jamesavata表示:

    пинап казино – пин ап

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

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

  9. BryanLam表示:

    купить базу для xrumer – Купить базу для Xrumer с гарантией качества

  10. Jamesavata表示:

    пин ап – пинап казино

  11. Профессиональный сервисный центр по ремонту бытовой техники с выездом на дом.
    Мы предлагаем:ремонт бытовой техники в мск
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  12. I enjoyed this read.

  13. Профессиональный сервисный центр по ремонту бытовой техники с выездом на дом.
    Мы предлагаем:ремонт бытовой техники в мск
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  14. JesseDex表示:

    пин ап вход: https://pinupkz.life/

  15. You’ve made some good points there. I looked on the web to find out more about the issue and found most individuals will go along with your views on this web site.

  16. JesseDex表示:

    пин ап казино зеркало: https://pinupkz.life/

  17. Hi there, I discovered your blog via Google while looking for a related matter, your web site
    came up, it seems great. I have bookmarked it in my google bookmarks.

    Hi there, just become aware of your blog through Google, and found that it is truly
    informative. I am gonna watch out for brussels.
    I’ll be grateful if you proceed this in future. Many folks will probably be benefited out of your writing.

    Cheers!

  18. Dwayneseisa表示:

    TadalafilEasyBuy.com Cialis 20mg price in USA cialis without a doctor prescription

  19. Jamesavata表示:

    пин ап казино зеркало – пин ап казино зеркало

  20. Профессиональный сервисный центр по ремонту бытовой техники с выездом на дом.
    Мы предлагаем:сервис центры бытовой техники москва
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  21. At the same time, they cut back on among the things that will help prevent coronary heart assaults, like extra train.

  22. Jamesavata表示:

    пин ап казино – пин ап казино официальный сайт

  23. Dqvxdq表示:

    where can i buy cytotec – diltiazem without prescription diltiazem 180mg cheap

  24. Williamuniot表示:

    пин ап вход – пин ап зеркало

  25. Профессиональный сервисный центр по ремонту бытовой техники с выездом на дом.
    Мы предлагаем:сервисные центры в москве
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

發佈回覆給「generic cialis daily」的留言 取消回覆

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