First Time Visitors: 

Simply Right Click on each of the 3 links below and select "save target as" to save them to your computer.  After you save them, just upload all 3 files to your server making sure they are all in the same folder.

Sample Video  ( An FLV Video File )

Sample Page

Video Player

Once you upload all 3 files to your server, then just go to: sample.html in whatever location you placed the files.  At that point, the test video should stream on your server.
 

Converting Videos To FLV Files

Your videos must be converted to flv files to be compatible with our player.  We chose the flv format because it provides the best combination  of video quality, compatibility and flexibility.  Below are a couple practice videos you can try if you don't have any that are ready to be published to your site.  Just Right Click on one of the links below and select "save target as" to save them to your computer.  After you save them, we will use Riva FLV Encoder to compress them and convert them to an flv file. 


Ameriquest - Windows Media File ( WMV File )

Apple 1984 - Quicktime Movie  ( MOV File )


Choosing A Video Size Prior To Encoding.

As long as you have a good webhost, almost any FileStreams video will load and play quickly.  Our player and code has been streamlined to make everything as efficient as possible.  Therefore, the decision of what size video to use should be based on what looks best on your web page.  If you go over 480x360 however, some DSL and Slower Cable users will have a pause before the video starts to play.  320x240 @ 300kbs though works great and 240x180 @ 192kbs loads extremely fast.  The exception would be Screen Captures, where you can easily go up to 480x360, reduce the frame rate to 5 or even 1 fps and still stay below 300kbs.

Currently, nearly all web video is in the 4x3 format ( 160x120, 240x180, 320x240, 480x360 etc ).  If you have a video longer than 5 minutes, you should format it to play at 240 wide x180 tall, shorter videos can be streamed at 320x240.

240x180 video should be encoded at 160 kbs for video & 32 kbs for audio  = Total of 192 kbs

320x240 video should be encoded at 268 kbs for video & 32 kbs for audio = Total of 300 kbs

480x360 video should be encoded at 468 kbs for video & 32 kbs for audio = Total of 500 kbs


Other Video Tips:

For regular Video always use a frame rate of 15 frames per second (fps).

When you are recording video with a camera that you intend to stream on a web site, always use 15 or 30 fps when recording.  If you use something different that is not a multiple of 15, you will run into problems keeping the audio and video in sync.

For Screen Captures you can us a lower frame rate of 5 fps if there is no full motion video in it.

Audio should always be in Mono at 22050 Mhz & 32 kbs unless you are streaming a music video, then you can bump the bit rate up to 48 or 64kbs and use stereo.
 

Encoding Your Video

The first program I would like you to try is called Riva FLV Encoder.  It's a free program and it works with most cameras that save in the avi format.  Since it's free I would like you to try this one first.

Click here to download Riva FLV Encoder.

Documentation and Information about Rive FLV Encoder.

Support Page for Riva FLV Encoder.


Having Trouble With Riva?

If you are having problems encoding videos from your camera, make sure you have your camera software installed on the same computer as you are trying to encode on.  Each camera has slightly different codecs which are needed in order to properly process the videos, the best way to get them on your computer is to simply install your camera's software.


Want More Reliable Encoding?

Riva is a great program considering it's given away for free.  But sometimes you want to encode more recent formats such as the latest wmv or mov files and Riva is just not compatible.  In that case I highly recommend taking the next step and getting Flix Lite.   Flix Lite will encode almost any non-corrupted video file.

Simply download the trial version of Flix Standard and if it properly encodes your video, you can purchase it for $39.  I haven't had any problems using Flix to encode any valid video file or screen capture output file.  If you have problems, make sure the problem is not with your original file.

Documentation and Tutorials for the Flix Encoding Software.



Setting Up Your Web Site For Video Streaming

The first time you add video to a web site, you will have to upload the FileStreams video player.  Click your right mouse button on this link and save it to your hard drive.  Then upload the file called "omcview.swf" to the folder on your server where your web page will be located.

Important Video Note:  Some of the tutorial videos may refer to the video player as FileStreams.swf, this was the old version of the player and is no longer in use.


   Please watch this video to see how to embed videos.


Insert The Header Tag:

The following script must be placed in between the <header> and the </header> on all web pages that will be playing videos.

<script type="text/javascript" src="http://onlinemarketingcenter.com/web/fsvcast.php"></script>


Body Tags:

The following tag is used if you want streaming videos that you want to load at the same time the page is loaded.  You can control whether the video auto-plays by using the autoplay feature (set it to "false" for starting paused and "true" if you want it to always play.

To redirect the viewer to a new web page after the video has played simply enter the URL between the "" behind the redirecturl tag.

All red highlighted items must be changed.  Video size is currently set to 320x240 but can be changed to whatever size you want the video to play.

<div id="flashcontent" align="center">
<script type="text/javascript">
var so = new SWFObject("omcview.swf", "videoname", "320", "240", "7", "#336699");
so.addVariable("flv", "videoname.flv");
so.addVariable("isLocal", "true");
so.addVariable("autoplay", "true");
so.addVariable("redirecturl", "");
so.addVariable("targetwindow", "");
so.write("flashcontent");
</script>
</div>


Troubleshooting:

If the video doesn't play watch this video:

  1. Make sure you have all of these in the same directory:
    • The Video File
    • Your Web Page
    • The omcview.swf video player
  2. Make sure your video is named properly ( videoname.flv ) and is correct in both spots in your object tag.  It needs to be correct in both the 3rd and 4th line.
     
  3. Make sure your header tag is properly in the header. 

 

 

 

Copyright © 2006. Free News Network Inc.   All rights reserved.