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:

  1. Select File > New and choose Flash File (ActionScript 2.0).
  2. Drag the FLVPlayback component to the Stage.
  3. With the FLVPlayback component selected on the Stage, locate the Value cell for the contentPath parameter in 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 an XML file that describes how to play an FLV file

    For information on how to create an XML file to describe one or more FLV files, see Using a SMIL file.

  4. On the Parameters tab in the Component inspector, with the FLVPlayback component selected on the Stage, double-click the Skin parameter to open the Select Skin dialog box.
  5. 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 text 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.

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

To use the Video Import wizard:

  1. Select File > New and choose Flash File (ActionScript 2.0).
  2. Select File > Import > Import Video.
  3. Indicate the location of the video file by selecting one of the following options:
    • On my local computer
    • Already deployed to a web, FMS, or FVSS server
  4. Depending on your choice, enter either the path or the URL that specifies the location of the video file; then click Next.
  5. If you selected a file path, you'll see a Deployment dialog box next where 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 SWF and play in 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.

  6. Click Next.
  7. Select your desired encoding settings.
  8. Click Next
  9. 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 text 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.

  10. Click Next.
  11. Read the Finish Video Import dialog box to note what happens next, and then click Finish.
  12. Save your FLA file.
  13. Select Control > Test Movie to execute the SWF file, and start the video.

To create an instance dynamically using ActionScript:

  1. Select File > New and choose Flash File (ActionScript 2.0).
  2. Drag the FLVPlayback component from the Components panel to the Library (Window > Library).
  3. 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:
    import mx.video.*;
    this.attachMovie("FLVPlayback", "my_FLVPlybk", 10, {width:320, height:240, x:100, y:100});
    my_FLVPlybk.skin = "file:///install_drive|/Program Files/Adobe/Adobe Flash CS3/en/Configuration/FLVPlayback Skins/ActionScript 2.0/ClearOverPlaySeekMute.swf"
    my_FLVPlybk.contentPath = "http://www.helpexamples.com/flash/video/water.flv";
    

    The attachMovie() method belongs to the MovieClip class. You can use it create an instance of the FLVPlayback component because the FLVPlayback class extends the MovieClip class.

    NOTE

    Without setting the contentPath and skin properties, the generated movie clip will appear to be empty.

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