Embedding flash video

Embedding Flash Embedding Flash VideoVideoCapitulo 7Capitulo 7

Classroom in a bookClassroom in a bookp.277p.277

Embedding Flash VideoEmbedding Flash Video Embedded video is best for short Embedded video is best for short

clips that you want to integrate with clips that you want to integrate with other Flash elements. Embedded other Flash elements. Embedded video requires the FLV format. video requires the FLV format.

The FLV file is saved in the Library of The FLV file is saved in the Library of your Flash file, where you can place your Flash file, where you can place it on the Timeline and synchronize it it on the Timeline and synchronize it with other animations or graphics.with other animations or graphics.

Embedding Flash VideoEmbedding Flash Video Embedding video in Flash is Embedding video in Flash is

supported by Flash Player versions 6 supported by Flash Player versions 6 and later. Keep in mind the following and later. Keep in mind the following limitations of embedded video: Flash limitations of embedded video: Flash cannot maintain audio cannot maintain audio synchronization in embedded video synchronization in embedded video that runs over 120 seconds.that runs over 120 seconds.

Embedding Flash VideoEmbedding Flash Video The maximum length of embedded The maximum length of embedded

movies is 16,000 frames. Another movies is 16,000 frames. Another drawback of embedding your video is drawback of embedding your video is the increase in the size of your Flash the increase in the size of your Flash project, making testing the movie project, making testing the movie (Control > Test Movie) a longer (Control > Test Movie) a longer process and the authoring sessions process and the authoring sessions more tedious.more tedious.

Embedding Flash VideoEmbedding Flash Video Because the embedded FLV plays Because the embedded FLV plays

within your Flash project, it is within your Flash project, it is critically important that your FLV critically important that your FLV have the same frame rate as your have the same frame rate as your Flash file. Flash file.

If not, your embedded video will not If not, your embedded video will not play at its intended speed.play at its intended speed.

Embedding Flash VideoEmbedding Flash Video To make sure your FLV has the same To make sure your FLV has the same

frame rate as your FLA, be sure to frame rate as your FLA, be sure to set the correct frame rate in the set the correct frame rate in the Video tab of the Adobe Media Video tab of the Adobe Media Encoder.Encoder.

Encoding the FLV for Encoding the FLV for EmbeddingEmbedding

Capitulo 7Capitulo 7Classroom in a bookClassroom in a book

p.278p.278


You’ll embed a short video of a polar You’ll embed a short video of a polar bear in the beginning of your zoo bear in the beginning of your zoo kiosk project.kiosk project.


1 1 Open the Adobe Media Encoder.Open the Adobe Media Encoder.2 2 Click the Add button and choose the Click the Add button and choose the

polarbear.mov file in the polarbear.mov file in the Lesson07/07Start folder.Lesson07/07Start folder.


The polarbear.mov file is added to The polarbear.mov file is added to the queue.the queue.


3 3 Click Preset to open the Edit Export Click Preset to open the Edit Export options. Click the Format tab and options. Click the Format tab and select FLV.select FLV.


4 4 Click the Video tab and set the Click the Video tab and set the Frame Rate to 12. Make sure that the Frame Rate to 12. Make sure that the Resize Video checkbox is unchecked.Resize Video checkbox is unchecked.


The Flash file 07_workingcopy.fla is The Flash file 07_workingcopy.fla is set at 12 frames per second, so you set at 12 frames per second, so you want your FLV to also be at 12 want your FLV to also be at 12 frames per second.frames per second.


5 5 Deselect Export Audio at the top of Deselect Export Audio at the top of the dialog box. Click OK.the dialog box. Click OK.


6 6 Click Start Queue to encode your Click Start Queue to encode your video. The polarbear.flv file is video. The polarbear.flv file is created.created.

Embedding an FLV on Embedding an FLV on the Timelinethe Timeline

Capitulo 7Capitulo 7Classroom in a bookClassroom in a book

p.279p.279

Embedding an FLV on the Embedding an FLV on the TimelineTimeline

Once you have an FLV, you can Once you have an FLV, you can import it into Flash and embed it on import it into Flash and embed it on the Timeline.the Timeline.

1 1 Open the file 07_workingcopy.fla.Open the file 07_workingcopy.fla.


2 2 Select the first frame of the popup Select the first frame of the popup video layervideo layer


3 3 Choose File > Import > Import Choose File > Import > Import Video. In the Import Video wizard, Video. In the Import Video wizard, select On Your Computer and click select On Your Computer and click Browse or Choose. Select the Browse or Choose. Select the polarbear.flv file in the polarbear.flv file in the Lesson07/07Start folder and click Lesson07/07Start folder and click Open.Open.


4 4 In the Video Import wizard, select In the Video Import wizard, select Embed FLV in SWF and play in Embed FLV in SWF and play in timeline.timeline.

Click Next or Continue.Click Next or Continue.


5 5 Deselect Expand timeline if needed Deselect Expand timeline if needed and deselect Include audio. Click and deselect Include audio. Click Next or Continue.Next or Continue.


6 6 Click Finish to import the video.Click Finish to import the video. The video of the polar bear appears The video of the polar bear appears

on the Stage.on the Stage.


The FLV also The FLV also appears in your appears in your Library.Library.


7 7 Choose Control > Test Movie to see Choose Control > Test Movie to see the embedded video file play from the embedded video file play from frame 1 to frame 35.frame 1 to frame 35.


Note: Note: You will not be able to hear You will not be able to hear audio in the authoring environment audio in the authoring environment for embedded videos containing for embedded videos containing sound. To hear the audio, you must sound. To hear the audio, you must choose Control > Test Movie.choose Control > Test Movie.

Using Embedded Using Embedded VideoVideoCapitulo 7Capitulo 7

Classroom in a bookClassroom in a bookp.281p.281

Using Embedded VideoUsing Embedded Video It’s useful to think of embedded video as a It’s useful to think of embedded video as a

multiframe symbol, very much like a multiframe symbol, very much like a symbol with a nested animation. symbol with a nested animation.

You can convert an embedded video to a You can convert an embedded video to a movie clip symbol, and then motion tween movie clip symbol, and then motion tween it to create interesting effects.it to create interesting effects.

Next, you’ll apply a motion tween to the Next, you’ll apply a motion tween to the embedded video so it fades out just before embedded video so it fades out just before the zoo director pops up and speaks.the zoo director pops up and speaks.

Using Embedded VideoUsing Embedded Video1 1 Select the embedded video on the Select the embedded video on the

Stage, right-click/Ctrl-click it, and Stage, right-click/Ctrl-click it, and selectselect

Create Motion Tween.Create Motion Tween.

Using Embedded VideoUsing Embedded Video2 2 Flash asks to convert the embedded Flash asks to convert the embedded

video to a symbol so it can apply a video to a symbol so it can apply a motion tween. Click OK.motion tween. Click OK.

Using Embedded VideoUsing Embedded Video3 3 Flash asks to add enough frames Flash asks to add enough frames

inside the movie clip symbol so that inside the movie clip symbol so that the entire video can play. Click Yes.the entire video can play. Click Yes.

A motion tween is created on the A motion tween is created on the layer.layer.

Using Embedded VideoUsing Embedded Video4 4 Select the motion tween and click Select the motion tween and click

the Motion Editor tab.the Motion Editor tab.5 5 Collapse all the property categories. Collapse all the property categories.

Click the Plus button next to Color Click the Plus button next to Color Effect and choose Alpha.Effect and choose Alpha.

Using Embedded VideoUsing Embedded Video6 6 Select frame 25, right-click/Ctrl-click, Select frame 25, right-click/Ctrl-click,

and choose Add Keyframe.and choose Add Keyframe. An Alpha keyframe appears at frame An Alpha keyframe appears at frame

25.25.

Using Embedded VideoUsing Embedded Video7 7 Select frame 30, right-click/Ctrl-click, Select frame 30, right-click/Ctrl-click,

and choose Add Keyframe.and choose Add Keyframe. An Alpha keyframe appears at frame An Alpha keyframe appears at frame

30.30.

Using Embedded VideoUsing Embedded Video8 8 Select the last keyframe at frame 30 Select the last keyframe at frame 30

and drag it down to 0%.and drag it down to 0%. The Alpha is set to 0% at the last The Alpha is set to 0% at the last

keyframe so the embedded video keyframe so the embedded video fades out from frame 25 to frame 30.fades out from frame 25 to frame 30.

Using Embedded VideoUsing Embedded Video9 9 Choose Control > Test Movie to see Choose Control > Test Movie to see

the embedded video play and fade the embedded video play and fade out.out.

Embedding flash video

Documents

adobe media

movie clip

alpha keyframe

choose add

embedding

embedded video

video tab

flash project