header_graphic
header_gradient
 
:: Support :: Additional HD Video Player Examples: Stand-Alone StreamingPlayer Component

This example shows the StreamingPlayer component as a stand-alone object on the stage. The size of the StreamingPlayer is 400x300 pixels with no border. The playback parameters and single video location have been set within the Component Inspector (i.e. XML is not used in this example).

To build this example yourself (Flash 8/CS3/CS4 required):

  1. If you have already purchased this product or downloaded the complete demo package, you should have all the files you need to follow this tutorial. If you have not purchased this product or downloaded the complete demo package, you should use this link to downoad the complete demo package before using this tutorial.
  2. After unpacking your downloaded ZIP file, you should install the MXP in your Flash 8/CS3/CS4 authoring software by double-clicking the file named "ESA_HD_Video.mxp". This will open the Extension Manager, which will prompt you to complete your installation. NOTE: Before installing the MXP file you must shut down your Flash 8/CS3/CS4 authoring software if it is open.
  3. Open your copy of Flash 8/CS3/CS4 and create a new document.
  4. Open the Components menu and look for a folder named "ESA HD Video Player". In this folder, there will be three components named StreamingPlayer, Playlist, and Controller.
  5. Add an instance of the StreamingPlayer component to the stage by double-clicking it in the menu.
  6. Select the StreamingPlayer component on the stage and use the Properties Inspector to give it the instance name "myDisplay", and to accurately position (x=0, y=0) and resize (w=400, h=300) the component.
  7. With the StreamingPlayer component selected on the stage, open the Component Inspector to view a list of configurable parameters and type in the path for your video file in the "Single Video Location" field (make sure the "XML Location" field is blank).
  8. You can also modify the other parameters in the Component Inspector to meet your needs.
  9. Once you have finished modifying the component, resize the stage background to fit your player (width=400, height=300) and save your project.
  10. You can now Test your movie within Flash, or you can publish/export a SWF file. NOTE: if you want to use the SWF on your desktop make sure you supply a local path to your video and set the Local Playback Security in the Publish Settings menu to "Access Local Files Only"; or if you want to use the player on your website set the Local Playback Security to "Access Network Only".
  11. If you chose to publish a SWF file you can use the following script to embed the player in your webpge:

    <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"
    width="400" height="300" >
    <param name="movie" value="ENTER-SWF-FILENAME-HERE.swf" />
    <embed src="ENTER-SWF-FILENAME-HERE.swf"
    width="400" height="300" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
    </object>

To use the example player above without the DEMO text (purchase required):

  1. Install your purchased copy of the MXP in your Flash 8/CS3/CS4 authoring software by double-clicking the file named "ESA_HD_Video.mxp". This will open the Extension Manager, which will prompt you to complete your installation. NOTE: Before installing the MXP file you will have to unpack your downloaded ZIP file and shut down your authoring software if it is open.
  2. Download the example files using the link below, and unpack the ZIP file.
  3. Open the file named "standalone.fla" in your copy of Flash 8/CS3/CS4.
  4. Open the Components menu and look for a folder named "ESA HD Video Player". In this folder, there will be three components named StreamingPlayer, Playlist, and Controller.
  5. Add an instance of the StreamingPlayer to the stage by double-clicking it in the menu.
  6. Flash will open a "Resolve Library Conflict" window, and ask if you want to replace the existing item in the library - toggle the "Replace existing items" button and click "OK".
  7. You should now see 2 StreamingPlayer components on the stage; one in the same position as the original, and a new component near the middle of your screen.
  8. Select the new StreamingPlayer component near the middle of your screen and delete it.
  9. The remaining StreamingPlayer component on the stage is the updated component with your previous settings (without the DEMO text).
  10. You can now modify the component parameters, save your project, and publish a new SWF.

:: Download Example Files

footer_graphic

Support - Documentation - Skin Wizard - Sample Skins - Tutorials
Copyright © 2003-2012 Earth Science Agency, LLC - All Rights Reserved