Creating an application with the FLVPlayback component

You can include the FLVPlayback component in your application in the following ways:

To drag the FLVPlayback component from the Components panel:

In the Components panel, click the Plus (+) button to open the video entry.
Drag the FLVPlayback component to the Stage.
With the FLVPlayback component selected on the Stage, locate the Value cell for the source parameter on the Parameters tab of the Component inspector, and enter a string that specifies one of the following:
- A local path to an FLV file
- A URL to an FLV file
- A URL to a synchronized Multimedia Integration Language (SMIL) file that describes how to play an FLV file
For information on how to create a SMIL file to describe one or more FLV files, see Using a SMIL file.
On the Parameters tab in the Component inspector, with the FLVPlayback component selected on the Stage, click the Value cell for the skin parameter.
Click the magnifying glass icon to open the Select Skin dialog box.

Select one of the following options:

From the drop-down Skin list, select one of the predesigned skins to attach a set of playback controls to the component.
If you created a custom skin, select Custom Skin URL from the pop-up menu, and enter, in the URL box, the URL for the SWF file that contains the skin.
Select None, and drag individual FLV Playback Custom UI components to the Stage to add playback controls.

NOTE

In the first two cases, a preview of the skin appears in the viewing pane above the pop-up menu. You can use the Color picker to change the color of the skin.

To change the color of a custom UI control, you must customize it. For more information on using custom UI controls, see Skinning FLV Playback Custom UI components individually

Click OK to close the Select Skin dialog box.
Select Control > Test Movie to execute the SWF file and start the video.

The following procedure uses the Video Import wizard to add an FLVPlayback component:

To use the Video Import wizard:

Select File > Import > Import Video.
Indicate the location of the video file by selecting one of the following options:
- On my local computer
- Already deployed to a web server, Flash Video Streaming Service, or Flash Media Server
Depending on your choice, enter either the path or the URL that specifies the location of the video file; then click Next.

If you selected a file path, you'll see a Deployment dialog box next in which you can select one of the options listed to specify how you would like to deploy your video:

Progressive download from a standard web server
Stream from Flash Video Streaming Service
Stream from Flash Media Server
Embed video in a SWF file and play in the Timeline

WARNING

Do not select the Embed Video option. The FLVPlayback component plays only external streaming video. This option will not place an FLVPlayback component on the Stage.

Click Next.
Select one of the following options:
- From the drop-down Skin list, select one of the predesigned skins to attach a set of playback controls to the component.
- If you created a custom skin for the component, select Custom Skin URL from the pop-up menu, and enter the URL for the SWF file that contains the skin in the URL box.
- Select None, and drag individual FLV Playback Custom UI components to the Stage to add playback controls.
NOTE

In the first two cases, a preview of the skin appears in the viewing pane above the pop-up menu.
Click OK to close the Select Skin dialog box.
Read the Finish Video Import dialog box to note what happens next, and then click Finish.
If you have not saved your FLA file, a Save As dialog box appears.
Select Control > Test Movie to execute the SWF file, and start the video.

To create an instance dynamically using ActionScript:

Drag the FLVPlayback component from the Components panel to the Library panel (Window > Library).

Add the following code to the Actions panel on Frame 1 of the Timeline. Change install_drive to the drive on which you installed Flash and modify the path to reflect the location of the Skins folder for your installation:

On a Windows computer:

import fl.video.*;
var my_FLVPlybk = new FLVPlayback();
my_FLVPlybk.x = 100;
my_FLVPlybk.y = 100;
addChild(my_FLVPlybk);
my_FLVPlybk.skin = "file:///install_drive|/Program Files/Adobe/Adobe Flash CS3/en/Configuration/FLVPlayback Skins/ActionScript 3.0/SkinOverPlaySeekMute.swf"
my_FLVPlybk.source = "http://www.helpexamples.com/flash/video/water.flv";

On a Macintosh computer:

import fl.video.*;
var my_FLVPlybk = new FLVPlayback();
my_FLVPlybk.x = 100;
my_FLVPlybk.y = 100;
addChild(my_FLVPlybk);
my_FLVPlybk.skin = "file:///Macintosh HD:Applications:Adobe Flash CS3:Configuration:FLVPlayback Skins:ActionScript 3.0SkinOverPlaySeekMute.swf"
my_FLVPlybk.source = "http://www.helpexamples.com/flash/video/water.flv";

NOTE

If you do not set the source and skin properties, the generated movie clip appears to be empty.

Select Control > Test Movie to execute the SWF file and start the FLV file.