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

17,219 Responses

  1. пансионат для пожилых севастополь пансионат для пожилых севастополь .

  2. Matthewvab表示:

    Thai farmer forced to kill more than 100 endangered crocodiles after a typhoon damaged their enclosure
    kraken market
    A Thai crocodile farmer who goes by the nickname “Crocodile X” said he killed more than 100 critically endangered reptiles to prevent them from escaping after a typhoon damaged their enclosure.

    Natthapak Khumkad, 37, who runs a crocodile farm in Lamphun, northern Thailand, said he scrambled to find his Siamese crocodiles a new home when he noticed a wall securing their enclosure was at risk of collapsing. But nowhere was large or secure enough to hold the crocodiles, some of which were up to 4 meters (13 feet) long.

    To stop the crocodiles from getting loose into the local community, Natthapak said, he put 125 of them down on September 22.

    “I had to make the most difficult decision of my life to kill them all,” he told CNN. “My family and I discussed if the wall collapsed the damage to people’s lives would be far bigger than we can control. It would involve people’s lives and public safety.”
    Typhoon Yagi, Asia’s most powerful storm this year, swept across southern China and Southeast Asia this month, leaving a trail of destruction with its intense rainfall and powerful winds. Downpours inundated Thailand’s north, submerging homes and riverside villages, killing at least nine people.

    Storms like Yagi are “getting stronger due to climate change, primarily because warmer ocean waters provide more energy to fuel the storms, leading to increased wind speeds and heavier rainfall,” said Benjamin Horton, director of the Earth Observatory of Singapore.

    Natural disasters, including typhoons, pose a range of threats to wildlife, according to the International Fund for Animal Welfare. Flooding can leave animals stranded, in danger of drowning, or separated from their owners or families.

    Rain and strong winds can also severely damage habitats and animal shelters. In 2022, Hurricane Ian hit Florida and destroyed the Little Bear Sanctuary in Punta Gorda, leaving 200 animals, including cows, horses, donkeys, pigs and birds without shelter.

    The risk of natural disasters to animals is only increasing as human-caused climate change makes extreme weather events more frequent and volatile.

  3. DavidAcarf表示:

    https://1winbrasil.win/# pinup az
    pin up kz

  4. humandesigncb表示:

    Тема «Четыре типа в Дизайне Человека» важна для понимания не только на теоретическом, но и на практическом уровне. Этот инструмент самопознания помогает каждому из нас осознать свою природу и использовать индивидуальные особенности для улучшения качества жизни. Рассмотрим рационально-практическую сторону каждого из типов, их определения и различия.

    Ключевым типом в этой системе является Генератор. Генераторы отличаются высокой энергетичностью и способностью легко и эффективно завершать начатые задачи. Главная задача Генератора — найти деятельность, которая приносит радость и удовлетворение. Генератор начинает действовать, когда ощущает внутренний отклик. Их индивидуальная особенность заключается в том, что энергия накапливается, только когда они следуют своему отклику.

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

    Также важный элемент системы Дизайна Человека — Проектор. Проекторы – это люди, которые видят потенциал в других и помогают его раскрыть. Они нуждаются в приглашении, прежде чем начать действовать, и могут эффективно использовать энергию, когда работают с другими людьми. Проекторы отличаются тем, что не обладают собственной энергией, но могут эффективно направлять энергию других. Их рациональное предназначение – это оптимизация работы других типов.

    И наконец, заключительный тип — Рефлектор. Рефлекторы — это люди, которые отражают состояние окружающей среды. Они, как зеркало, отражают общее состояние общества или коллектива. Практическая роль Рефлектора — это оценка и отслеживание состояния окружающих.

    Итак, подведем итог: Каждый из четырех типов в Дизайне Человека имеет свои индивидуальные особенности, которые помогают им максимально эффективно взаимодействовать с миром. Понимание своего типа и его практического предназначения позволяет лучше организовать жизнь, выбрать правильные направления для работы и улучшить качество личных отношений.

    источник

  5. The 10 Most Scariest Things About Good Pellet Stoves
    Good Pellet Stoves

  6. Diplomi_otel表示:

    где купить диплом о высшем образовании где купить диплом о высшем образовании .

  7. 12 Facts About Leather Chesterfield To Refresh Your Eyes At The Cooler.
    Cooler tan leather chesterfield

  8. See What Retro Fridge Freezer Tricks The
    Celebs Are Making Use Of retro fridge freezer

  9. Diplomi_zdkl表示:

    дипломы купить родителям server-diploms.ru .

  10. Diplomi_kwkl表示:

    куплю диплом начальника server-diploms.ru .

  11. Lazrokd表示:

    Как быстро получить диплом магистра? Легальные способы
    skymix2018.forumex.ru/posting.php?mode=post&f=14&sid=63f4e283382dfe7c27411edf9d79dc35

  12. Lazrzvz表示:

    Покупка диплома о среднем полном образовании: как избежать мошенничества?

    socialnetwork.cloudyzx.com/read-blog/46755

  13. Сервисный центр предлагает срочный ремонт бесперебойника eaton ремонт бесперебойников eaton на дому

  14. Diplomi_lboi表示:

    купить диплом пту в кемерово prema-diploms.ru .

  15. Diplomi_ldoi表示:

    купить диплом сыктывкар prema-diploms.ru .

  16. Diplomi_mlkl表示:

    купить диплом менеджмент server-diploms.ru .

  17. EdwardGuina表示:

    пинап казино: пинап казино – pin up kz

發佈留言

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