Top Banner
Understanding Understanding Flash Video Flash Video Capitulo 7 Capitulo 7 Classroom in a book Classroom in a book p.256 p.256
109
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Understanding flash video

Understanding Flash Understanding Flash VideoVideo

Capitulo 7Capitulo 7

Classroom in a bookClassroom in a book

p.256p.256

Page 2: Understanding flash video

Understanding Flash VideoUnderstanding Flash Video

There are two options to display There are two options to display video in Flash. video in Flash.

The first option is to embed the video The first option is to embed the video in your Flash file, and the second in your Flash file, and the second option is to keep the video separate option is to keep the video separate from your Flash file and use a from your Flash file and use a playback component from Flash to playback component from Flash to play the video.play the video.

Page 3: Understanding flash video

Understanding Flash VideoUnderstanding Flash Video

The appropriate video format for The appropriate video format for Flash is Flash Video, which uses the Flash is Flash Video, which uses the extension .flv or the extension .f4v. extension .flv or the extension .f4v. F4V is the latest Flash Video format F4V is the latest Flash Video format that supports the H.264 standard, a that supports the H.264 standard, a stateof-the-art video codec that stateof-the-art video codec that delivers high quality with remarkably delivers high quality with remarkably efficient compression.efficient compression.

Page 4: Understanding flash video

Understanding Flash VideoUnderstanding Flash Video

A codec (A codec (cocompression-mpression-decdecompression) is a method ompression) is a method computers use to compress a video computers use to compress a video file to save space, and then file to save space, and then decompress it to play it back. FLV is decompress it to play it back. FLV is the standard format for previous the standard format for previous versions of Flash and uses the older versions of Flash and uses the older codecs Sorenson Spark or On2VP6.codecs Sorenson Spark or On2VP6.

Page 5: Understanding flash video

Using the Adobe Using the Adobe Media EncoderMedia Encoder

Capitulo 7Capitulo 7

Classroom in a bookClassroom in a book

p.256p.256

Page 6: Understanding flash video

Using the Adobe Media Using the Adobe Media EncoderEncoder

You can convert your video files to You can convert your video files to the FLV or F4V format using the the FLV or F4V format using the Adobe Media Encoder CS4, a stand-Adobe Media Encoder CS4, a stand-alone application that comes with alone application that comes with Flash CS4. Flash CS4.

The Adobe Media Encoder can The Adobe Media Encoder can convert single files or multiple files convert single files or multiple files (known as batch processing) to make (known as batch processing) to make your workflow easier.your workflow easier.

Page 7: Understanding flash video

Adding a Video File to Adding a Video File to the Adobe Media the Adobe Media

EncoderEncoder

Capitulo 7Capitulo 7

Classroom in a bookClassroom in a book

p.256p.256

Page 8: Understanding flash video

Adding a Video File to the Adding a Video File to the Adobe Media EncoderAdobe Media Encoder

The first step to convert your video The first step to convert your video file to a compatible Flash format is to file to a compatible Flash format is to add the video to the Adobe Media add the video to the Adobe Media Encoder for encoding.Encoder for encoding.

Page 9: Understanding flash video

Adding a Video File to the Adding a Video File to the Adobe Media EncoderAdobe Media Encoder

1 1 Launch the Adobe Media Encoder, which comes Launch the Adobe Media Encoder, which comes installed with Adobe Flash CS4.installed with Adobe Flash CS4.

The opening screen displays a window that lists The opening screen displays a window that lists any current video files that have been added for any current video files that have been added for processing. The window should be empty.processing. The window should be empty.

Page 10: Understanding flash video

Adding a Video File to the Adding a Video File to the Adobe Media EncoderAdobe Media Encoder

2 2 Choose File > Add or click the Add Choose File > Add or click the Add button on the right.button on the right.

A dialog box opens for you to select a A dialog box opens for you to select a video file.video file.

Page 11: Understanding flash video

Adding a Video File to the Adding a Video File to the Adobe Media EncoderAdobe Media Encoder

3 3 Navigate to the Lesson07/07Start folder, Navigate to the Lesson07/07Start folder, select the Penguins.mov file, and click OK.select the Penguins.mov file, and click OK.

The Penguins.mov file is added to the The Penguins.mov file is added to the display list and is ready for conversion to display list and is ready for conversion to an FLV or F4V format.an FLV or F4V format.

Page 12: Understanding flash video

Adding a Video File to the Adding a Video File to the Adobe Media EncoderAdobe Media Encoder

Note: Note: You can also drag the file You can also drag the file directly to the queue from your directly to the queue from your Desktop.Desktop.

Page 13: Understanding flash video

Converting Video Converting Video Files to Flash VideoFiles to Flash Video

Capitulo 7Capitulo 7

Classroom in a bookClassroom in a book

p.258p.258

Page 14: Understanding flash video

Converting Video Files to Flash Converting Video Files to Flash VideoVideo

1 1 In the options under Format, select In the options under Format, select the FLV/F4V (H.264) option.the FLV/F4V (H.264) option.

Page 15: Understanding flash video

Converting Video Files to Flash Converting Video Files to Flash VideoVideo

2 2 Under the Preset options, choose Under the Preset options, choose F4V-Web Medium.F4V-Web Medium.

Page 16: Understanding flash video

Converting Video Files to Flash Converting Video Files to Flash VideoVideo

You can choose one of many of the standard You can choose one of many of the standard preset options from the menu.preset options from the menu.

The options determine the format (either the The options determine the format (either the newer F4V or the older FLV) and the size of newer F4V or the older FLV) and the size of the video. The Web Medium option converts the video. The Web Medium option converts your original video to 360 pixels wide by 272 your original video to 360 pixels wide by 272 pixels high, which is an average size to pixels high, which is an average size to display video in a Web browser. display video in a Web browser.

In parentheses, Flash indicates the minimum In parentheses, Flash indicates the minimum Flash Player version required to play the Flash Player version required to play the selected video format.selected video format.

Page 17: Understanding flash video

Converting Video Files to Flash Converting Video Files to Flash VideoVideo

3 3 Click on the Output File.Click on the Output File. You can choose to save the You can choose to save the

converted file in a different location converted file in a different location on your computer and choose a on your computer and choose a different filename. Your original different filename. Your original video will not bevideo will not be

deleted or altered in any way.deleted or altered in any way.

Page 18: Understanding flash video

Converting Video Files to Flash Converting Video Files to Flash VideoVideo

4 4 Click Start Queue.Click Start Queue. Flash begins the encoding process. Flash begins the encoding process.

Flash displays the settings for the Flash displays the settings for the encoded video and shows the encoded video and shows the progress and a preview of the video.progress and a preview of the video.

Page 19: Understanding flash video

Converting Video Files to Flash Converting Video Files to Flash VideoVideo

When the encoding process finishes, When the encoding process finishes, a green check in the display list a green check in the display list indicates that the file has been indicates that the file has been converted successfully. converted successfully.

You now have the file, Penguins.f4v You now have the file, Penguins.f4v in your Lesson07/07Start folder, in your Lesson07/07Start folder, along with the original Penguins.mov along with the original Penguins.mov file.file.

Page 20: Understanding flash video

Converting Video Files to Flash Converting Video Files to Flash VideoVideo

Note: Note: If you have multiple video files to If you have multiple video files to encode to F4V or FLV format, you can do so all encode to F4V or FLV format, you can do so all at once and easily with the Adobe Media at once and easily with the Adobe Media Encoder in a process known as batch Encoder in a process known as batch processing. processing.

Each file can even have its own settings. Click Each file can even have its own settings. Click the Add button to add videos to the display the Add button to add videos to the display list. Choose a different format for each file, if list. Choose a different format for each file, if desired. Click Start Queue to begin the batch desired. Click Start Queue to begin the batch processing. In the following figure, two processing. In the following figure, two additional files are in line to be encoded.additional files are in line to be encoded.

Page 21: Understanding flash video

Converting Video Files to Flash Converting Video Files to Flash VideoVideo

Note: Note: You can change the status of You can change the status of individual files in the queue by individual files in the queue by selecting the file in the display list and selecting the file in the display list and choosing Edit > Reset Selection or choosing Edit > Reset Selection or Edit > Skip Selection. Edit > Skip Selection.

Reset Selection removes the green Reset Selection removes the green check from a completed file so it can check from a completed file so it can be encoded again, whereas Skip be encoded again, whereas Skip Selection makes Flash skip that Selection makes Flash skip that particular file in the batch processing.particular file in the batch processing.

Page 22: Understanding flash video

Converting Video Files to Flash Converting Video Files to Flash VideoVideo

Page 23: Understanding flash video

Understanding Understanding Encoding OptionsEncoding Options

Capitulo 7Capitulo 7

Classroom in a bookClassroom in a book

p.260p.260

Page 24: Understanding flash video

Understanding Encoding Understanding Encoding OptionsOptions

You can customize many settings You can customize many settings when converting your original video when converting your original video to the Flash Video format. to the Flash Video format.

You can crop and resize your video to You can crop and resize your video to specific dimensions, just convert a specific dimensions, just convert a snippet of the video, adjust the type snippet of the video, adjust the type of compression and the compression of compression and the compression levels, and even apply filters to the levels, and even apply filters to the video.video.

Page 25: Understanding flash video

Understanding Encoding Understanding Encoding OptionsOptions

To display the encoding options, To display the encoding options, clickthe Preset selection in the clickthe Preset selection in the display list or choose Edit > Export display list or choose Edit > Export Settings. The Export Settings dialog Settings. The Export Settings dialog box appears.box appears.

Page 26: Understanding flash video

Cropping Your VideoCropping Your Video

Capitulo 7Capitulo 7

Classroom in a bookClassroom in a book

p.260p.260

Page 27: Understanding flash video

Cropping Your VideoCropping Your Video

If you only want to show a portion of If you only want to show a portion of your video, you can crop it. Choose your video, you can crop it. Choose Edit > Reset Status to reset the Edit > Reset Status to reset the Penguins.mov file so you can Penguins.mov file so you can experiment with the cropping experiment with the cropping settings.settings.

Page 28: Understanding flash video

Cropping Your VideoCropping Your Video

1 1 Click the Crop button at the upper-Click the Crop button at the upper-left corner of the Export Settings left corner of the Export Settings dialog box.dialog box.

The cropping box appears over the The cropping box appears over the video preview window.video preview window.

Page 29: Understanding flash video

Cropping Your VideoCropping Your Video

2 2 Drag the sides inward to crop from Drag the sides inward to crop from the top, bottom, left, or right.the top, bottom, left, or right.

Page 30: Understanding flash video

Cropping Your VideoCropping Your Video

The grayed-out portions outside the The grayed-out portions outside the box will be discarded. box will be discarded.

Flash displays the new dimensions Flash displays the new dimensions next to your cursor. next to your cursor.

You can also use the Left, Top, Right, You can also use the Left, Top, Right, and Bottom settings above the and Bottom settings above the preview window to enter exact pixel preview window to enter exact pixel values.values.

Page 31: Understanding flash video

Cropping Your VideoCropping Your Video

3 3 If you want to keep the crop in a If you want to keep the crop in a standard proportion, click the Cropstandard proportion, click the Crop

Proportions menu and choose a Proportions menu and choose a desired ratio.desired ratio.

Page 32: Understanding flash video

Cropping Your VideoCropping Your Video

The cropping box will be constrained The cropping box will be constrained to the selected proportions.to the selected proportions.

4 4 To see the effects of the crop, click To see the effects of the crop, click the Output tab.the Output tab.

Page 33: Understanding flash video

Cropping Your VideoCropping Your Video

The preview window shows how your The preview window shows how your final video will appear.final video will appear.

5 5 Exit the cropping mode by clicking Exit the cropping mode by clicking the Crop button again under the the Crop button again under the Source tab.Source tab.

You will not need to crop the You will not need to crop the Penguins.mov video for this lesson.Penguins.mov video for this lesson.

Page 34: Understanding flash video

Adjusting Video Adjusting Video LengthLength

Capitulo 7Capitulo 7

Classroom in a bookClassroom in a book

p.263p.263

Page 35: Understanding flash video

Adjusting Video LengthAdjusting Video Length

Your video may have unwanted Your video may have unwanted segments at the beginning or the segments at the beginning or the end. You can shave off footage from end. You can shave off footage from either end to adjust the overall either end to adjust the overall length of your video.length of your video.

Page 36: Understanding flash video

Adjusting Video LengthAdjusting Video Length

1 1 Click and drag the playhead (top marker) Click and drag the playhead (top marker) to scrub through your video to preview the to scrub through your video to preview the footage. Place the playhead at the desired footage. Place the playhead at the desired beginning point of your video.beginning point of your video.

Page 37: Understanding flash video

Adjusting Video LengthAdjusting Video Length

Time markers indicate the number of Time markers indicate the number of seconds that have elapsed.seconds that have elapsed.

2 2 Click the Set In Point icon.Click the Set In Point icon.

Page 38: Understanding flash video

Adjusting Video LengthAdjusting Video Length

The In point moves to the current The In point moves to the current position of the playhead.position of the playhead.

Page 39: Understanding flash video

Adjusting Video LengthAdjusting Video Length

3 3 Drag the playhead to the desired Drag the playhead to the desired ending point of your video.ending point of your video.

Page 40: Understanding flash video

Adjusting Video LengthAdjusting Video Length

4 4 Click the Set Out Point icon.Click the Set Out Point icon.

Page 41: Understanding flash video

Adjusting Video LengthAdjusting Video Length

The Out point moves to the current The Out point moves to the current position of the playhead.position of the playhead.

Page 42: Understanding flash video

Adjusting Video LengthAdjusting Video Length

Note: Note: When the playhead is When the playhead is selected, you can use the left or the selected, you can use the left or the right arrow keys on your keyboard to right arrow keys on your keyboard to move back or ahead frame by frame move back or ahead frame by frame for finer control.for finer control.

Page 43: Understanding flash video

Adjusting Video LengthAdjusting Video Length

5 5 You can also simply drag the In and You can also simply drag the In and Out point markers to bracket the Out point markers to bracket the desired video segment. desired video segment.

Drag the In and Out points back to Drag the In and Out points back to their original positions because you their original positions because you do not need to adjust the video do not need to adjust the video length for this lesson.length for this lesson.

Page 44: Understanding flash video

Cue PointsCue Points

Capitulo 7Capitulo 7

Classroom in a bookClassroom in a book

p.264p.264

Page 45: Understanding flash video

Cue PointsCue Points

At the bottom left of the Export At the bottom left of the Export Settings dialog box is an area where Settings dialog box is an area where you can set cue points for your video.you can set cue points for your video.

Page 46: Understanding flash video

Cue PointsCue Points

Cue points are an advanced feature that Cue points are an advanced feature that lets you add special markers at various lets you add special markers at various points along the video. points along the video.

With ActionScript, you can program Flash With ActionScript, you can program Flash to recognize when those cue points are to recognize when those cue points are encountered, or you can navigate to encountered, or you can navigate to specific cue points.specific cue points.

Cue points can transform an ordinary, Cue points can transform an ordinary, linear video into a true interactive, linear video into a true interactive, immersive video experience.immersive video experience.

Page 47: Understanding flash video

Setting Advanced Setting Advanced Video and Audio Video and Audio

OptionsOptions

Capitulo 7Capitulo 7

Classroom in a bookClassroom in a book

p.266p.266

Page 48: Understanding flash video

Setting Advanced Video and Setting Advanced Video and Audio OptionsAudio Options

The right side of the Export Settings The right side of the Export Settings dialog box contains all the advanced dialog box contains all the advanced video and audio options. video and audio options.

You can toggle between Simple You can toggle between Simple mode and Advanced mode using the mode and Advanced mode using the Mode icon .Mode icon .

Page 49: Understanding flash video

Setting Advanced Video and Setting Advanced Video and Audio OptionsAudio Options

The Advanced mode shows all the The Advanced mode shows all the settings for audio and video at the settings for audio and video at the top of the panel. top of the panel.

You can choose one of the preset You can choose one of the preset options from the top Preset menu.options from the top Preset menu.

Page 50: Understanding flash video

Setting Advanced Video and Setting Advanced Video and Audio OptionsAudio Options

At the bottom, you can navigate to At the bottom, you can navigate to different encoding options using the different encoding options using the tabs.tabs.

At the very bottom, Flash displays At the very bottom, Flash displays the estimated final output size.the estimated final output size.

You will export the Penguins.mov You will export the Penguins.mov again but at a larger size.again but at a larger size.

Page 51: Understanding flash video

Setting Advanced Video and Setting Advanced Video and Audio OptionsAudio Options

Page 52: Understanding flash video

Setting Advanced Video and Setting Advanced Video and Audio OptionsAudio Options

Make sure that the Export Video and Make sure that the Export Video and Export Audio boxes are selected.Export Audio boxes are selected.

Page 53: Understanding flash video

Setting Advanced Video and Setting Advanced Video and Audio OptionsAudio Options

2 2 Click the Format tab and choose Click the Format tab and choose F4V.F4V.

Page 54: Understanding flash video

Setting Advanced Video and Setting Advanced Video and Audio OptionsAudio Options

3 3 Click the Video tab.Click the Video tab.

4 4 Select Resize Video and click the Constrain Select Resize Video and click the Constrain option (the chain link icon). Enter option (the chain link icon). Enter 480 480 for for the Width and click outside the field to the Width and click outside the field to accept the change.accept the change.

Page 55: Understanding flash video

Setting Advanced Video and Setting Advanced Video and Audio OptionsAudio Options

The Height automatically changes to The Height automatically changes to keep the proportions of the video.keep the proportions of the video.

5 5 Click OK.Click OK. Flash closes the Export Settings Flash closes the Export Settings

dialog box and saves your advanced dialog box and saves your advanced video and audio settings.video and audio settings.

Page 56: Understanding flash video

Setting Advanced Video and Setting Advanced Video and Audio OptionsAudio Options

6 6 Click Start Queue to begin the Click Start Queue to begin the encoding process with your custom encoding process with your custom resize settings.resize settings.

Flash creates another F4V file of Flash creates another F4V file of Penguins.mov. Delete the first one Penguins.mov. Delete the first one you created and rename the second you created and rename the second one one Penguins.f4vPenguins.f4v..

Page 57: Understanding flash video

Saving Advanced Saving Advanced Video and Audio Video and Audio

OptionsOptions

Capitulo 7Capitulo 7

Classroom in a bookClassroom in a book

p.266p.266

Page 58: Understanding flash video

Saving Advanced Video and Saving Advanced Video and Audio OptionsAudio Options

If you want to process many videos If you want to process many videos similarly, it makes sense to save your similarly, it makes sense to save your advanced video and audio options. advanced video and audio options.

You can do that in the Adobe Media You can do that in the Adobe Media Encoder. Once saved, you can easily Encoder. Once saved, you can easily apply your settings to other videos in apply your settings to other videos in the queue.the queue.

Page 59: Understanding flash video

Saving Advanced Video and Saving Advanced Video and Audio OptionsAudio Options

1 1 In the Export Settings dialog box, In the Export Settings dialog box, click the Save Preset button.click the Save Preset button.

Page 60: Understanding flash video

Saving Advanced Video and Saving Advanced Video and Audio OptionsAudio Options

2 2 In the dialog box that opens, provide In the dialog box that opens, provide a descriptive name for the video and a descriptive name for the video and audio options. Click OK.audio options. Click OK.

Page 61: Understanding flash video

Saving Advanced Video and Saving Advanced Video and Audio OptionsAudio Options

3 3 Return to the queue of videos. You Return to the queue of videos. You can apply your custom settings to can apply your custom settings to additional videos by simply choosing additional videos by simply choosing the preset from the Preset pull-down the preset from the Preset pull-down menu.menu.

Page 62: Understanding flash video

Playback of External Playback of External VideoVideo

Capitulo 7Capitulo 7

Classroom in a bookClassroom in a book

p.267p.267

Page 63: Understanding flash video

Playback of External VideoPlayback of External Video

Now that you have successfully Now that you have successfully converted your video to the correct converted your video to the correct Flash Video format, you can use it in Flash Video format, you can use it in your Flash zoo kiosk project. your Flash zoo kiosk project.

You will have Flash play each of the You will have Flash play each of the animal videos at the different labeled animal videos at the different labeled keyframes on the Timeline.keyframes on the Timeline.

Page 64: Understanding flash video

Playback of External VideoPlayback of External Video

You will keep your videos external to You will keep your videos external to the Flash project. the Flash project.

By keeping videos external, you keep By keeping videos external, you keep your Flash project small, and the your Flash project small, and the videos can maintain different frame videos can maintain different frame rates from your Flash project.rates from your Flash project.

Page 65: Understanding flash video

Playback of External VideoPlayback of External Video

1 1 Open your 07_workingcopy.fla Open your 07_workingcopy.fla project in Flash CS4.project in Flash CS4.

2 2 Select the keyframe labeled Select the keyframe labeled penguins in the content layer.penguins in the content layer.

Page 66: Understanding flash video

Playback of External VideoPlayback of External Video

3 3 Choose File > Import > Import Choose File > Import > Import Video.Video.

The Import Video wizard appears.The Import Video wizard appears.

Page 67: Understanding flash video

Playback of External VideoPlayback of External Video

4 4 In the Import Video wizard, select On In the Import Video wizard, select On Your Computer and click Browse Your Computer and click Browse (Windows) or Choose (Mac).(Windows) or Choose (Mac).

5 5 In the dialog box, select In the dialog box, select Penguins.f4v from the Penguins.f4v from the Lesson07/07Start folder and click Lesson07/07Start folder and click Open.Open.

Page 68: Understanding flash video

Playback of External VideoPlayback of External Video

6 6 Select the Load external video with Select the Load external video with playback component option. Click playback component option. Click Next or Continue.Next or Continue.

Page 69: Understanding flash video

Playback of External VideoPlayback of External Video

7 7 Select Select SkinUnderAllNoFullSkinUnderAllNoFullNoCaption.swf NoCaption.swf from the Skin from the Skin menu and select menu and select color #333333 with color #333333 with a 75% Alpha. Click a 75% Alpha. Click Next or Continue.Next or Continue.

Page 70: Understanding flash video

Playback of External VideoPlayback of External Video

Note: Note: The skin is a small SWF file The skin is a small SWF file that determines the functionality and that determines the functionality and appearance of the video’s controls. appearance of the video’s controls. You can use one of the skins You can use one of the skins provided with Flash, or you can provided with Flash, or you can customize your own. To preview a customize your own. To preview a skin, select it from the Skin menu.skin, select it from the Skin menu.

Page 71: Understanding flash video

Playback of External VideoPlayback of External Video

8 8 On the next screen of the Import On the next screen of the Import Video wizard, review the information Video wizard, review the information for the video file, and then click for the video file, and then click Finish to encode the file.Finish to encode the file.

Page 72: Understanding flash video

Playback of External VideoPlayback of External Video

9 9 A black box representing your video A black box representing your video with the selected skin appears on the with the selected skin appears on the Stage.Stage.

Place the video box on the left side of Place the video box on the left side of the Stage.the Stage.

Page 73: Understanding flash video

Playback of External VideoPlayback of External Video

A playback A playback component also component also appears in your appears in your Library. The Library. The component is a component is a specialspecial

widget that is used widget that is used on the Stage to on the Stage to play your video.play your video.

Page 74: Understanding flash video

Playback of External VideoPlayback of External Video

10 10 Choose Control > Choose Control > Test Movie. Click the Test Movie. Click the Magellanic Penguins Magellanic Penguins button.button.

The video begins The video begins streaming into your streaming into your Flash file. Use the Flash file. Use the controls to play, stop, controls to play, stop, and change the and change the volume for the movie. volume for the movie. Close the preview Close the preview window.window.

Page 75: Understanding flash video

Playback of External VideoPlayback of External Video

11 11 The other animal videos have The other animal videos have already been encoded (in FLV already been encoded (in FLV format) and provided in the 07Start format) and provided in the 07Start folder. Import the Mandril.flv, folder. Import the Mandril.flv, Tiger.flv, and Lion.flv videos in each Tiger.flv, and Lion.flv videos in each of their corresponding keyframes.of their corresponding keyframes.

Page 76: Understanding flash video

Playback of External VideoPlayback of External Video

Note: Note: The FLV or F4V files, the The FLV or F4V files, the 07_workingcopy.swf file, and the skin 07_workingcopy.swf file, and the skin file are all required for your zoo kiosk file are all required for your zoo kiosk project to work.project to work.

Page 77: Understanding flash video

Controlling the Video Controlling the Video PlaybackPlayback

Capitulo 7Capitulo 7

Classroom in a bookClassroom in a book

p.271p.271

Page 78: Understanding flash video

Controlling the Video Controlling the Video PlaybackPlayback

The playback component lets you The playback component lets you control which video plays, whether control which video plays, whether the video plays automatically, and the video plays automatically, and other aspects of playback. other aspects of playback.

The options for playback can be The options for playback can be accessed by selecting Window > accessed by selecting Window > Component Inspector (Shift-F7).Component Inspector (Shift-F7).

Page 79: Understanding flash video

Controlling the Video Controlling the Video PlaybackPlayback

Parameters are Parameters are listed in the left listed in the left column, and column, and their their corresponding corresponding values are listed values are listed in the right in the right column.column.

Page 80: Understanding flash video

Controlling the Video Controlling the Video PlaybackPlayback

To change the To change the AutoPlay option, AutoPlay option, select true or false select true or false from the right from the right column. True column. True makes the video makes the video play automatically, play automatically, and false pauses and false pauses the video on the the video on the first frame.first frame.

Page 81: Understanding flash video

Controlling the Video Controlling the Video PlaybackPlayback

To hide the controller and only To hide the controller and only display it when users roll their mouse display it when users roll their mouse cursor over the video, select true for cursor over the video, select true for the SkinAutoHide option.the SkinAutoHide option.

To choose a new controller (the skin), To choose a new controller (the skin), double-click the double-click the SkinUnderAllNoFullNoCaption.swf and SkinUnderAllNoFullNoCaption.swf and select a new skin in the dialog box select a new skin in the dialog box that appears.that appears.

Page 82: Understanding flash video

Controlling the Video Controlling the Video PlaybackPlayback

To change the transparency of the To change the transparency of the controller, enter a decimal value controller, enter a decimal value from 0 (totally transparent) to 1 from 0 (totally transparent) to 1 (totally opaque) for the (totally opaque) for the SkinBackgroundAlpha.SkinBackgroundAlpha.

To change the color of the controller, To change the color of the controller, click on the color chip and choose a click on the color chip and choose a new color for the new color for the SkinBackgroundColor.SkinBackgroundColor.

Page 83: Understanding flash video

Controlling the Video Controlling the Video PlaybackPlayback

To change the To change the video file or the video file or the location of the location of the video file that video file that Flash looks for to Flash looks for to play, click the play, click the Source option.Source option.

Page 84: Understanding flash video

Controlling the Video Controlling the Video PlaybackPlayback

In the Content Path dialog box, enter In the Content Path dialog box, enter a new filename or click on the Folder a new filename or click on the Folder icon to choose a new file to play.icon to choose a new file to play.

Page 85: Understanding flash video

Working with Video Working with Video and Transparencyand Transparency

Capitulo 7Capitulo 7

Classroom in a bookClassroom in a book

p.273p.273

Page 86: Understanding flash video

Working with Video and Working with Video and TransparencyTransparency

Transparencies in video (called alpha Transparencies in video (called alpha channels) are supported only in the channels) are supported only in the FLV format using the On2VP6 codec. FLV format using the On2VP6 codec.

When encoding a video with an alpha When encoding a video with an alpha channel, be sure to select the Encode channel, be sure to select the Encode Alpha Channel option in the Video Alpha Channel option in the Video tab of the Export Settings.tab of the Export Settings.

Page 87: Understanding flash video

Working with Video and Working with Video and TransparencyTransparency

You’ll import the video file, which is You’ll import the video file, which is already in FLV format, into Flash for already in FLV format, into Flash for display with the playback component. display with the playback component.

However, you won’t include a skin, so However, you won’t include a skin, so users will be unable to control the users will be unable to control the video. video.

The zoo director will appear directly The zoo director will appear directly on the Stage.on the Stage.

Page 88: Understanding flash video

Importing the Video Importing the Video ClipClip

Capitulo 7Capitulo 7

Classroom in a bookClassroom in a book

p.273p.273

Page 89: Understanding flash video

Importing the Video ClipImporting the Video Clip

Now you’ll use the Import Video Now you’ll use the Import Video wizard to import the Popup.flv file.wizard to import the Popup.flv file.

1 1 Insert a new layer called Insert a new layer called popup popup videovideo..

2 2 Insert a keyframe at frame 35 and Insert a keyframe at frame 35 and insert another keyframe at frame 40.insert another keyframe at frame 40.

Page 90: Understanding flash video

Importing the Video ClipImporting the Video Clip

3 3 Select the keyframe at frame 35.Select the keyframe at frame 35.

Page 91: Understanding flash video

Importing the Video ClipImporting the Video Clip

4 4 Choose File > Import > Import Choose File > Import > Import Video.Video.

5 5 In the Import Video wizard, select On In the Import Video wizard, select On Your Computer and click Browse o Your Computer and click Browse o Choose. Select the Popup.flv file in Choose. Select the Popup.flv file in the Lesson07/07Start folder and click the Lesson07/07Start folder and click Open.Open.

Page 92: Understanding flash video

Importing the Video ClipImporting the Video Clip

6 6 Select Load external video with Select Load external video with playback component. Click Next or playback component. Click Next or Continue.Continue.

Page 93: Understanding flash video

Importing the Video ClipImporting the Video Clip

7 7 Select None from Select None from the Skin menu and the Skin menu and click Next or click Next or Continue.Continue.

Page 94: Understanding flash video

Importing the Video ClipImporting the Video Clip

8 8 Click Finish to import the video.Click Finish to import the video. A black box indicating the video A black box indicating the video

appears on the Stage.appears on the Stage.

Page 95: Understanding flash video

Importing the Video ClipImporting the Video Clip

9 9 Use the Selection tool to position the Use the Selection tool to position the new video just above the red bar and new video just above the red bar and the sound buttons.the sound buttons.

Page 96: Understanding flash video

Importing the Video ClipImporting the Video Clip

The video appears in the popup The video appears in the popup video layer in the keyframe at frame video layer in the keyframe at frame 35 as the sound begins to fade out. 35 as the sound begins to fade out. At frame 40, where the penguin At frame 40, where the penguin video is placed, the popup video is video is placed, the popup video is removed from the Timeline.removed from the Timeline.

Page 97: Understanding flash video

Importing the Video ClipImporting the Video Clip

10 10 Choose Control > Test Movie to Choose Control > Test Movie to see the video file that uses alpha see the video file that uses alpha channels.channels.

Close the preview window.Close the preview window.

Page 98: Understanding flash video

Using a green screenUsing a green screen

Capitulo 7Capitulo 7

Classroom in a bookClassroom in a book

p.276p.276

Page 99: Understanding flash video

Using a green screenUsing a green screen

Professionals often film people in Professionals often film people in front of solid green or blue front of solid green or blue backgrounds, so that they can easily backgrounds, so that they can easily remove, or key, the background in a remove, or key, the background in a video-editing application such as video-editing application such as Adobe After Effects.Adobe After Effects.

Page 100: Understanding flash video

Using a green screenUsing a green screen

Then, the person is merged with a Then, the person is merged with a different background. The image of different background. The image of the zoo director was filmed in front of the zoo director was filmed in front of a green screen, which was removed a green screen, which was removed in After Effects.in After Effects.

Page 101: Understanding flash video

Using a green screenUsing a green screen

1 1 Shoot footage in front of a green Shoot footage in front of a green screen.screen.

Page 102: Understanding flash video

Using a green screenUsing a green screen

Use a green background that is flat, Use a green background that is flat, smooth, and free of shadows, so that smooth, and free of shadows, so that the color is as pure as possible.the color is as pure as possible.

Page 103: Understanding flash video

Using a green screenUsing a green screen

• • Minimize the light that reflects off Minimize the light that reflects off the green screen onto the subject.the green screen onto the subject.

• • Keep movement to a minimum for Keep movement to a minimum for Flash video; use a tripod if possible.Flash video; use a tripod if possible.

Page 104: Understanding flash video

Using a green screenUsing a green screen

2 2 Remove the background in After Remove the background in After Effects.Effects.

Page 105: Understanding flash video

Using a green screenUsing a green screen

Import the file as footage into After Import the file as footage into After Effects, create a new composition, Effects, create a new composition, and drag it onto the Composition and drag it onto the Composition Timeline.Timeline.

Page 106: Understanding flash video

Using a green screenUsing a green screen

Create a garbage mask to roughly Create a garbage mask to roughly outline the shape and remove most outline the shape and remove most of the background. of the background.

But be sure the subject never moves But be sure the subject never moves outside the mask!outside the mask!

Page 107: Understanding flash video

Using a green screenUsing a green screen

Use the Color Range keying effect to Use the Color Range keying effect to delete the rest of the background.delete the rest of the background.

You may need to do some fine-tuning You may need to do some fine-tuning with the Matte Choker and Spill with the Matte Choker and Spill Suppressor effects. Suppressor effects.

A spill suppressor removes the light A spill suppressor removes the light that splashes onto the edges of the that splashes onto the edges of the subject.subject.

Page 108: Understanding flash video

Using a green screenUsing a green screen

3 3 Export to FLV format.Export to FLV format.

Page 109: Understanding flash video

Using a green screenUsing a green screen

Export the video file to Flash Video Export the video file to Flash Video (FLV) format directly from After (FLV) format directly from After Effects. Be sure to select Encode Effects. Be sure to select Encode Alpha Channel. Alpha Channel.

The alpha channel is the selection The alpha channel is the selection around the subject.around the subject.

Encoding the alpha channel ensures Encoding the alpha channel ensures that the video exports without a that the video exports without a background.background.