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

18,398 Responses

  1. Mazrvya表示:

    Привет, друзья!
    Сколько стоит диплом высшего и среднего образования и как это происходит?
    rushkadiplomik.ru

  2. Hi there mates, how is everything, and what you wish for to say regarding this post,
    in my view its genuinely remarkable for me.

  3. Spot on with this write-up, I actually believe this website needs a great deal more attention. I’ll probably be back again to read through more, thanks for the info!

  4. Trefyfr表示:

    Здравствуйте!
    Купить диплом магистра оказалось возможно, быстрое обучение и диплом на руки
    diplomman.ru/kupit-diplom-sssr
    Рады оказаться полезными!.

  5. Lazrgid表示:

    Привет!
    Мы готовы предложить дипломы любых профессий по приятным ценам.
    rushkadiplomikx.ru

  6. Lazrwhy表示:

    Добрый день!
    Купить диплом любого ВУЗа.
    mans-diplomxx.ru/attestat-za-9-klass

  7. Mazroig表示:

    Привет, друзья!
    Купить диплом о среднем полном образовании, в чем подвох и как избежать обмана?
    rushkas-diplomy.ru/kupit-diplom-ekaterinburg

  8. Pauletta Pash表示:

    Your blog stands out within a crowded Room. Your authenticity shines by way of.

  9. DavidGrorn表示:

    Complaints have flooded social media since the video’s release, with residents saying it fails to show the modern side of their country. Many claim the footage was edited to seemingly appear old-fashioned, with a faded sepia tone, and that the camera focuses on shabby architecture.
    мальчик гей
    Others have complained about the video’s airport scenes, during which one of the characters loses his luggage and seeks help from a local ground staff member called “Happy.”

    “When I watched it, I was thinking, this was Thailand 50 years ago. This looked like Thailand 70 years ago. There were no segments showing the modernity of my home,” David William, an American content creator based in Thailand, said in Thai in a TikTok video that has been viewed over 11 million times.

    In an interview with CNN, he said he’s never seen “a cab that looked that bad before” in his nearly 10 years in the country, adding Thailand’s main gateway, Suvarnabhumi Airport is just as modern as New York’s John F. Kennedy International Airport.

    “Thailand is a modern, safe and beautiful country,” he said. “I just hope don’t misunderstand.”

    Echoing his view, Facebook user Nipawan Labbunruang said the video makes Thailand look “terrible.”

    “What is this clip trying to present?” she wrote in a post that received 1,900 likes.

  10. Ismaelfer表示:

    Excellent post. Keep posting such kind of information on your site. Im really impressed by it.
    Hey there, You have performed a great job. I’ll definitely digg it and personally suggest to my friends. I am confident they will be benefited from this site.

    http://forum.anime.org.ua/bbs/showthread.php?t=31512&goto=nextnewest

  11. The Most Worst Nightmare About Truck Crash Attorney Get Real lawyer for trucking accident

  12. Sazrrjk表示:

    Здравствуйте!
    Диплом экономиста
    cv53297-livestreet-1.tw1.ru/2024/07/22/nadezhnye-diplomy-ot-professionalov

  13. продвижение сайтов гугл цена в москве продвижение сайтов гугл цена в москве .

  14. Lazrqjd表示:

    Привет!
    Мы изготавливаем дипломы психологов, юристов, экономистов и любых других профессий по приятным ценам.
    diplomrushkan.ru/kupit-diplom-novosibirsk

  15. Mazrjfj表示:

    Здравствуйте!
    Рекомендации по безопасной покупке диплома о высшем образовании
    rushkadiplomik.ru

  16. Diplomi_xvEa表示:

    Привет, друзья!
    Заказать документ о получении высшего образования можно у нас в столице.
    diplomrushkan.ru

  17. Trefbup表示:

    Привет!
    Как избежать рисков при покупке диплома колледжа или ПТУ в России
    mandiplomiks.ru/kupit-diplom-v-ufe
    Рады оказать помощь!.

  18. Lhaneevige表示:

    whoah this blog is fantastic i love studying your posts. Keep up the good work! You understand, many people are looking around for this info, you can aid them greatly.

    http://www.sklofar.com/

  19. JesusHip表示:

    Complaints have flooded social media since the video’s release, with residents saying it fails to show the modern side of their country. Many claim the footage was edited to seemingly appear old-fashioned, with a faded sepia tone, and that the camera focuses on shabby architecture.
    гей порно большой
    Others have complained about the video’s airport scenes, during which one of the characters loses his luggage and seeks help from a local ground staff member called “Happy.”

    “When I watched it, I was thinking, this was Thailand 50 years ago. This looked like Thailand 70 years ago. There were no segments showing the modernity of my home,” David William, an American content creator based in Thailand, said in Thai in a TikTok video that has been viewed over 11 million times.

    In an interview with CNN, he said he’s never seen “a cab that looked that bad before” in his nearly 10 years in the country, adding Thailand’s main gateway, Suvarnabhumi Airport is just as modern as New York’s John F. Kennedy International Airport.

    “Thailand is a modern, safe and beautiful country,” he said. “I just hope don’t misunderstand.”

    Echoing his view, Facebook user Nipawan Labbunruang said the video makes Thailand look “terrible.”

    “What is this clip trying to present?” she wrote in a post that received 1,900 likes.

  20. A Guide To Boat Accident Lawyer From Start To Finish boat accident attorney

  21. Craigsniva表示:

    Магазин Экипировка Эксперт
    Капюшон ФПВ3
    Боец, Экипировка Эксперт — это розничный магазин, сотрудничающий с рядом оптовых складов и производителей. Это значит, что при должном количестве товара мы дадим очень хорошие цены.

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

    Самое главное, что нужно о нас знать, мы детально объясняем, что и как работает, чтобы ты сделал правильный выбор не переплачивая.

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

    Одна из наших основных целей предоставить тебе возможность удобной и безопасной покупки: хоть за наличку, хоть по карте, хоть по счету. Повторимся, если нужна оптовая поставка, согласуем и отгрузим. Именно от того, как ты производишь оплату, зависит цена заказа.

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

    У нашей команды есть набор ценностей: честность, справедливость, сопереживание, взаимопомощь, мужество, патриотичность. Уверены, ты их разделяешь, и мы легко найдем общий язык. Ну а если что-то пойдет не так, не руби с плеча, объясни, где мы ошиблись и поверь, мы разберемся и исправим. Наш девиз “In hostem omnia licita” – по отношению к врагу дозволено все. Возьми этот девиз, он поможет тебе принять правильное решение в трудной ситуации, с честью выполнить боевую задачу и вернуться домой живым и здоровым!

  22. Xazrghc表示:

    Привет, друзья!
    Приобрести документ университета
    arusak-diploms-srednee.ru/kupit-diplom-v-krasnodare

  23. Lazrgco表示:

    Здравствуйте!
    Приобрести диплом любого ВУЗа.
    ccde-cambodia.com/cb-profile/pluginclass/cbblogs?action=blogs&func=show&id=118

  24. Diplomi_exEa表示:

    Добрый день!
    Приобрести документ ВУЗа можно у нас.
    diplomrushka.ru

  25. Mazrybk表示:

    Здравствуйте!
    Как оказалось, купить диплом кандидата наук не так уж и сложно
    rushkadiplomik.ru

  26. Trefymb表示:

    Здравствуйте!
    Пошаговая инструкция по безопасной покупке диплома о высшем образовании
    tanhashop.com/category/uncategorized/page/2
    Будем рады вам помочь!.

  27. Lazrudy表示:

    Привет!
    Мы изготавливаем дипломы любой профессии по приятным тарифам.
    fonfachpropiedades.cl/2024/07/12/диплом-магистра-2010-2013-фото

  28. Mazruvv表示:

    Привет, друзья!
    Полезная информация как официально купить диплом о высшем образовании
    rushkadiplomik.ru

發佈留言

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