Recently, we had a customer ask a question about our new TV Station application:
An important point for us is that we need to embed the player (Viewer) into our own website. The actual viewer seems to have a large pre-existing border around it which we cannot reduce. Is there any access to the raw player object so that we can introduce it into our site effectively?
Here is what to do:
1. Open the settings.xml file with a text editor such as notepad and look for the alignVideo attribute in the rtmp tag:
<?xml version="1.0"?>
<settings>
<!-- This is the rtmp connection to your influxis account -->
<!-- The video align option is for the viewer end only and keeps the video window from centering itself -->
<rtmp path="rtmp://yourinfluxisaccount.rtmphost.com/flv_Tester" port="1935" alignVideo="true" viewerLink="tvstation_viewer.html" />
</settings>
Once you find this tag, set it false. This should stop the viewer end from centering itself on the screen. Save and close the file once you are done.
2. Now open the admin end of the TV Station and open the station settings. You can find the station settings button on the top left part of the screen in edit mode.
3. Once the station settings are open, look for the receiver options and adjust the width and height dimensions to the desired size.
4. Make sure you uncheck any constrain or autosize options. Save the settings when you are done and close the admin end.
5. Next, you will need the viewer end source fla. You should be able to download it via the link in the included readMe file that is available with the TVStation download.
6. Once you have the source file, open it in a flash editor. We recommend using Flash 8 if you can but you should be able to use Flash CS3. You can download a trial version from the main Adobe website at www.adobe.com.
7. Open the tvstation_viewer.fla and go to the second frame where you will see the viewer end components. Cut off any extra whitespace until you have reached the size you set for the window. Make sure you leave enough room for the chat module on the left and the list to the right. Be sure to back up the old files before you do this in case there are any errors or mistakes.
8. Save and compile a new swf and html. Make sure the html has the same html code that was in the old one ( except for the different width and height dimensions ). This should allow for continued use of the Full Screen mode.
9. Test the new files and then replace the old ones on your web server. Make sure you also replace the settings.xml file.