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

  1. Diplomi_ycEa表示:

    Здравствуйте!
    Купить документ университета можно в нашей компании.
    ast-diploms.com/kupit-diplom-sankt-peterburg

  2. Lariorcsu表示:

    Официальное получение диплома техникума с упрощенным обучением в Москве
    ast-diploms24.ru/kupit-diplom-omsk

  3. Wazrrei表示:

    Привет!
    Официальная покупка диплома о высшем образовании в Москве и других городах
    medinkur.ru/index.php

  4. IMJUN.eU.Org表示:

    Hi there to every , because I am truly eager of reading this
    web site’s post to be updated regularly. It consists of fastidious material. https://imjun.Eu.org/

  5. Dnrtyhg表示:

    Здравствуйте!
    Купить документ института можно у нас в столице.
    diplomasx.com/kupit-diplom-voronezh
    Хорошей учебы!

  6. Xazrqzd表示:

    Добрый день!
    Предлагаем документы техникумов, которые расположены на территории всей Российской Федерации. Вы можете приобрести качественный диплом за любой год, указав подходящую специальность и хорошие оценки за все дисциплины. Документы печатаются на “правильной” бумаге высшего качества. Это позволяет делать настоящие дипломы, которые невозможно отличить от оригинала. Документы будут заверены необходимыми печатями и штампами.
    Мы изготавливаем дипломы любой профессии по приятным тарифам. Цена зависит от той или иной специальности, года выпуска и университета. Всегда стараемся поддерживать для покупателей адекватную политику тарифов. Важно, чтобы документы были доступными для большинства граждан.
    landik-diploms-srednee.ru/diplom-s-reestromkupit-kupit  
    Удачи!

  7. Mazrsjy表示:

    Привет!
    Купить документ университета можно у нас. Мы оказываем услуги по изготовлению и продаже документов об окончании любых ВУЗов Российской Федерации. Вы сможете получить необходимый диплом по любой специальности, включая документы старого образца. Гарантируем, что при проверке документов работодателями, каких-либо подозрений не возникнет.
    Мы изготавливаем дипломы любой профессии по приятным тарифам. Стоимость будет зависеть от выбранной специальности, года выпуска и образовательного учреждения. Стараемся поддерживать для заказчиков адекватную ценовую политику. Важно, чтобы документы были доступны для подавляющей массы граждан.
    allukrnews.ru/diplom-za-dengi-legko-byistro-i-bez-riska/
    Будем рады вам помочь!

  8. Lazrram表示:

    Привет!
    Где купить диплом по актуальной специальности?
    Купить диплом любого ВУЗа.
    http://www.rrsclub.ru/showthread.php?p=44897#post44897

  9. Diplomi_nnEa表示:

    Здравствуйте!
    Приобрести документ о получении высшего образования вы имеете возможность в нашей компании в Москве.
    ast-diplom.com/kupit-diplom-moskva

  10. Lazrtsq表示:

    Добрый день!
    Где приобрести диплом специалиста?
    Купить диплом любого университета.
    anamaliya.ru/otzyvy/shirokiy-assortiment-dokumentov-v-populyarnom-onlayn-magazine

  11. Xazraul表示:

    Привет!
    Где купить диплом по актуальной специальности?
    Мы предлагаем дипломы любых профессий по доступным ценам. Цена может зависеть от выбранной специальности, года выпуска и образовательного учреждения. Всегда стараемся поддерживать для заказчиков адекватную ценовую политику. Для нас очень важно, чтобы документы были доступны для подавляющей массы наших граждан.
    landik-diploms-srednee.ru/kupit-diplom-v-voronezhe  
    Удачи!

  12. Sazruxd表示:

    Здравствуйте!
    Как не стать жертвой мошенников при покупке диплома о среднем полном образовании
    pol-doma.com/forum/user/29393
    Всегда вам поможем!.

  13. Cazrlro表示:

    Добрый день!
    Мы можем предложить документы ВУЗов, которые расположены на территории всей России. Вы можете заказать диплом за любой год, указав актуальную специальность и оценки за все дисциплины. Дипломы и аттестаты печатаются на “правильной” бумаге высшего качества. Это дает возможности делать государственные дипломы, которые не отличить от оригинала. Они будут заверены необходимыми печатями и подписями.
    http://www.oyotunji.online/blogs/1769/%D0%9F%D0%BE%D0%B4%D1%80%D0%BE%D0%B1%D0%BD%D0%BE%D0%B5-%D0%BE%D0%BF%D0%B8%D1%81%D0%B0%D0%BD%D0%B8%D0%B5-%D0%B7%D0%B0%D0%BA%D0%B0%D0%B7%D0%B0-%D0%B0%D1%82%D1%82%D0%B5%D1%81%D1%82%D0%B0%D1%82%D0%B0-%D0%B2-%D0%B7%D0%BD%D0%B0%D0%BC%D0%B5%D0%BD%D0%B8%D1%82%D0%BE%D0%BC-%D0%BE%D0%BD%D0%BB%D0%B0%D0%B9%D0%BD-%D0%BC%D0%B0%D0%B3%D0%B0%D0%B7%D0%B8%D0%BD%D0%B5

  14. Qazrehn表示:

    Привет!
    Быстрая схема покупки диплома старого образца: что важно знать?.
    Купить диплом любого университета.
    gazony.com/club/user/2/blog/571/

  15. Mazrlmt表示:

    Привет!
    Полезные советы по безопасной покупке диплома о высшем образовании
    isnw.ru/2024/06/30/%D0%BA%D1%83%D0%BF%D0%B8%D1%82%D1%8C-%D0%B4%D0%B8%D0%BF%D0%BB%D0%BE%D0%BC-%D0%B8%D1%80%D0%B3%D1%83%D0%BF%D1%81/

  16. Diplomi_zaKn表示:

    купить корочки техникума купить корочки техникума .

  17. Diplomi_abet表示:

    диплом о среднем специальном образовании с занесением в реестр diplomyx.com .

  18. Lazrtze表示:

    Привет!
    Где купить диплом по необходимой специальности?
    Заказать диплом о высшем образовании.
    tras.ru/cb-profile/pluginclass/cbblogs.html?action=blogs&func=show&id=118

  19. Lazrplj表示:

    Привет!
    Мы изготавливаем дипломы психологов, юристов, экономистов и любых других профессий по доступным ценам.
    mizunosoccershoesfans.com/read-blog/3329_gramotno-zakazyvaem-dokumenty-v-internete-avtorskij-obzor.html?mode=night

  20. Xazrblz表示:

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

  21. Cazrekv表示:

    Здравствуйте!
    Мы предлагаем документы ВУЗов, которые расположены в любом регионе РФ. Вы имеете возможность приобрести диплом от любого учебного заведения, за любой год, включая документы старого образца. Документы выпускаются на “правильной” бумаге самого высшего качества. Это дает возможность делать настоящие дипломы, не отличимые от оригиналов. Они будут заверены всеми обязательными печатями и подписями.
    wiki.hightgames.ru/index.php/%D0%9F%D0%BE%D0%BA%D1%83%D0%BF%D0%B0%D0%B5%D0%BC_%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D1%8B_%D0%B2_%D0%BF%D1%80%D0%BE%D0%B2%D0%B5%D1%80%D0%B5%D0%BD%D0%BD%D0%BE%D0%BC_%D0%B8%D0%BD%D1%82%D0%B5%D1%80%D0%BD%D0%B5%D1%82-%D0%BC%D0%B0%D0%B3%D0%B0%D0%B7%D0%B8%D0%BD%D0%B5_%D0%BF%D0%BE_%D0%B2%D1%8B%D0%B3%D0%BE%D0%B4%D0%BD%D0%BE%D0%B9_%D1%86%D0%B5%D0%BD%D0%B5

  22. Dnrtzoh表示:

    Здравствуйте!
    Приобрести документ института вы имеете возможность у нас.
    diplomasx.com/kupit-diplom-voronezh
    Успехов в учебе!

  23. BernardBoumn表示:

    Предлагаю компанию газон мск, их основная сфера это автополив – качество высочайшее.

發佈留言

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