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

19,932 Responses

  1. Diplomi_psEa表示:

    купить диплом гознак купить диплом гознак .

  2. Diplomi_sbEa表示:

    аттестат купить в нижневартовске аттестат купить в нижневартовске .

  3. Justinemode表示:

    Scientists say skeletal remains found in castle well belong to figure from 800-year-old saga
    [url=https://kra16f.cc]кракен онион[/url]

    Researchers have connected the identity of skeletal remains found in a well at Norway’s Sverresborg castle to a passage in a centuries-old Norse text.

    The 800-year-old Sverris saga, which follows the story of the real-life King Sverre Sigurdsson, includes the tossing of the body of a dead man — later known as “Well-man” — down a well during a military raid in central Norway in 1197.
    https://kra16f.cc
    kraken зеркало
    It’s likely, according to the text, that raiders lobbed the body into the well to poison the main water source for locals, but little else is said about the man or who he was in the saga.

    Researchers initially uncovered the bones in the castle’s well in 1938, but they were only able to carry out a visual analysis at the time. Now, scientists have an array of analytical techniques at their disposal, including genetic sequencing and radiocarbon dating.

    A new study on the remains, published Friday in the Cell Press journal iScience, reveals unprecedented insights into Well-man’s appearance based on in-depth research on samples of his teeth.

    “This is the first time that a person described in these historical texts has actually been found,” said study coauthor Michael D. Martin, a professor in the department of natural history at the Norwegian University of Science and Technology’s University Museum in Trondheim, in a statement.

    “There are a lot of these medieval and ancient remains all around Europe, and they’re increasingly being studied using genomic methods.”

    The findings not only shed fresh light on what Well-man looked like but also who he was, with a surprising twist about how he ended up in a Norse saga.

  4. Orlandojah表示:

    This teen became the youngest person to summit the world’s highest peaks. Now he wants others to follow in his footsteps
    [url=https://kra16f.cc]Кракен тор[/url]

    Nima Rinji Sherpa’s ears are still tinged black from wind chill, an occupational hazard of climbing to heights where humans struggle to breathe, and where the weather can turn deadly in an instant.

    This month, Nima became the youngest person to summit all 14 of the world’s highest peaks, but the 18-year-old Nepalese mountaineer is already getting ready for his next big feat.
    https://kra16f.cc
    kraken ссылка
    Speaking to CNN via video call from the Nepali capital Kathmandu last week, Nima said he’s taking a couple weeks’ rest before preparing to climb the world’s eighth-highest mountain, Manaslu, with Italian mountaineer Simone Moro – in winter, alpine-style.

    “That means we’re climbing an 8,000-meter mountain in winter… There’s no fixed ropes for us, there’s no (supplemental) oxygen for us, there is no support for us. So, it’s like pure human endurance,” Nima said. “It has never been done in the history of mountaineering.”

    After that, “I’ll take some rest,” Nima laughed.

    On October 9, Nima reached the top of the 8,027-meter (26,335-foot) Shishapangma along with his partner Pasang Nurbu Sherpa. For Nima, it was the final of the “eight-thousanders,” the 14 peaks recognized by the International Climbing and Mountaineering Federation as standing more than 8,000 meters above sea level.

    Describing the moment of summiting the final peak as “pure joy,” Nima said his motivation comes from his family, many of whom are renowned mountaineers.

    His father, Tashi Lakpa Sherpa, has climbed Everest nine times, and at age 19 became the youngest person to summit without bottled oxygen. His uncle Mingma Sherpa became the first South Asian climber to summit the 14 peaks in 2011.

    “My uncles and my father, they are way more successful than I would ever be because they came from a very small village. To even dream about being this successful, for them it was really hard,” Nima said. “I have the privilege that they didn’t have.”

  5. Sazrghc表示:

    Купить диплом о среднем полном образовании, в чем подвох и как избежать обмана?
    derivsocial.org/read-blog/4366

  6. Тут можно преобрести сейф противопожарный купить огнестойкий сейф

  7. Diplomi_mgEa表示:

    купить диплом 2015 купить диплом 2015 .

  8. Ronaldcoill表示:

    7k casino

  9. DennishIp表示:

    furosemide fur pharm: lasix – fur pharm

  10. Saved as a favorite, I really like your website.

  11. Briansoams表示:

    Scientists say skeletal remains found in castle well belong to figure from 800-year-old saga
    [url=https://kra16f.cc]kraken сайт[/url]

    Researchers have connected the identity of skeletal remains found in a well at Norway’s Sverresborg castle to a passage in a centuries-old Norse text.

    The 800-year-old Sverris saga, which follows the story of the real-life King Sverre Sigurdsson, includes the tossing of the body of a dead man — later known as “Well-man” — down a well during a military raid in central Norway in 1197.
    https://kra16f.cc
    kraken вход
    It’s likely, according to the text, that raiders lobbed the body into the well to poison the main water source for locals, but little else is said about the man or who he was in the saga.

    Researchers initially uncovered the bones in the castle’s well in 1938, but they were only able to carry out a visual analysis at the time. Now, scientists have an array of analytical techniques at their disposal, including genetic sequencing and radiocarbon dating.

    A new study on the remains, published Friday in the Cell Press journal iScience, reveals unprecedented insights into Well-man’s appearance based on in-depth research on samples of his teeth.

    “This is the first time that a person described in these historical texts has actually been found,” said study coauthor Michael D. Martin, a professor in the department of natural history at the Norwegian University of Science and Technology’s University Museum in Trondheim, in a statement.

    “There are a lot of these medieval and ancient remains all around Europe, and they’re increasingly being studied using genomic methods.”

    The findings not only shed fresh light on what Well-man looked like but also who he was, with a surprising twist about how he ended up in a Norse saga.

  12. Travisdok表示:

    This teen became the youngest person to summit the world’s highest peaks. Now he wants others to follow in his footsteps
    [url=https://kra16f.cc]кракен онион[/url]

    Nima Rinji Sherpa’s ears are still tinged black from wind chill, an occupational hazard of climbing to heights where humans struggle to breathe, and where the weather can turn deadly in an instant.

    This month, Nima became the youngest person to summit all 14 of the world’s highest peaks, but the 18-year-old Nepalese mountaineer is already getting ready for his next big feat.
    https://kra16f.cc
    kraken darknet onion
    Speaking to CNN via video call from the Nepali capital Kathmandu last week, Nima said he’s taking a couple weeks’ rest before preparing to climb the world’s eighth-highest mountain, Manaslu, with Italian mountaineer Simone Moro – in winter, alpine-style.

    “That means we’re climbing an 8,000-meter mountain in winter… There’s no fixed ropes for us, there’s no (supplemental) oxygen for us, there is no support for us. So, it’s like pure human endurance,” Nima said. “It has never been done in the history of mountaineering.”

    After that, “I’ll take some rest,” Nima laughed.

    On October 9, Nima reached the top of the 8,027-meter (26,335-foot) Shishapangma along with his partner Pasang Nurbu Sherpa. For Nima, it was the final of the “eight-thousanders,” the 14 peaks recognized by the International Climbing and Mountaineering Federation as standing more than 8,000 meters above sea level.

    Describing the moment of summiting the final peak as “pure joy,” Nima said his motivation comes from his family, many of whom are renowned mountaineers.

    His father, Tashi Lakpa Sherpa, has climbed Everest nine times, and at age 19 became the youngest person to summit without bottled oxygen. His uncle Mingma Sherpa became the first South Asian climber to summit the 14 peaks in 2011.

    “My uncles and my father, they are way more successful than I would ever be because they came from a very small village. To even dream about being this successful, for them it was really hard,” Nima said. “I have the privilege that they didn’t have.”

  13. RobertHam表示:

    http://kampharm.shop/# kampharm shop

發佈留言

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