Adding a secondary panel (flvPanel) to the flvPlayer

By default, the flvPlayer only has one control panel. You can add an optional secondary panel (called flvPanel) with advanced controls such as zoom and pan capabilites as well as information about the movie playing such as the size, FPS and time elapsed/remaining. To add this panel, from the menu in Flash select Window > Common Libraries > flvPlayer Assets/flvPlayerStream Assets


1. Drag and drop the flvPanel symbol from the flvPlayer Assets/flvPlayerStream Assets library onto the stage of your current movie.

 

2. Give the flvPanel that's on the stage an instance name (for example: flvPanel).

 

3. You now need to link the flvPlayerPRO with this movieclip. In order to do this, locate the folder called flvPlayerPRO UI Components in the Components Panel. Inside this folder, you will find a component called panelButton, as shown in the image below.

 

4. Drag and drop the panelButton from the Components Panel onto the stage and, with the component still selected, select the Parameters tab of the Properties Panel.

 

5. Give the component an instance name of panelButton and enter the instance name of the flvPlayer in the flvPlayer Instance parameter. In this case the instance name is flvPlayer.

 

6. Now select the flvPlayer component that's on the stage and enter the instance name of the flvPanel in the flvPanel Instance parameter. This can be done either in the Component Inspector or the properties panel. In this example, the instance name that we gave is: flvPanel

 

7. Press Ctrl+S (Windows) or Cmnd+S (Mac) to save your file and Ctrl+Enter (Windows) or Cmnd+Enter (Mac) to test it. Press the panelButton in order to open and close the flvPanel.

 

Note: Both the flvPanel and the panelButton components are customizable. As long as you do not change the ActionScript and the instance names of the symbols inside them, you can change their look in any way.


Important: You can add the panelButton inside the controlSkin by giving it an instance name of panel_btn. You can also give this instance name to a movieclip or button in the controlSkin that you would like to have the functions of the panelButton. This way, you can keep the flvPanel functionality within the main skin of the flvPlayer. Please see the skinning section for instuctions on editing the controlSkin.