Open the software and select Normal Streaming from top
menu Streaming Mode.
Next select Stream Single Video. We will be streaming a single video file.
The next section is Configuration where we choose the cosmetics of the web video player.
For now, do not check the HTML5 Support for iOS and Android Devices. We will cover that in a separate tutorial.
Select a Video Player Style.
Select a Video Player Size.
You can apply a color tint to the web video player by clicking the Tint button.
You can select the pre-defined tints for quick coloring of the player. Note that the color applied will have no effect on the player shown on the software. Once you publish, the tint will take effect.
Back to our configuration section again,
Next, we set the following entries.
Auto Start Video: If you click this option and turn it on, the player will start playing your video without any user interaction.
Big Play Button on Video Player: You can choose to display or not display the big play button on the video player before the start of the video.
Initialize Audio at: Pre-set your video player volume through this entry. You can put a numeric value from 0 (mute) to 100 (full) denoting the initial volume of the video player. Keep it within the 30 to 50.
We will now move on to the next section of Files and Paths.
You can opt to put an Intro Image on your web video player in its idle state. This image will show up before the start of the video. The software will automatically resize your selected image to match the video player size and output it to the output folder.
You can remove, replace and view the Intro Image via the Intro Image tab on the right hand side.
You can also opt to put an Outro Image on your player. This image will show up after the end of the video or if a video is stopped by the user abruptly. The software will automatically resize your selected image to match the player size and output it to the output folder.
You can remove, replace and view the Outro Image via the Outro Image tab on the right hand side.
The next step is to select the video file that we will stream over web. Click on Select Video File(s).
A window will pop open. Since we are streaming a single video without HTML5 support, the software will ask for one video file. It should be either a FLV (extension .flv) or a Mp4 file having one of the extensions .mp4, .m4v or .f4v. We recommend you to encode your video files with our free web video encoder.
Browse for your video file and load it onto the software. Click Save and Exit.
The next step is to choose the Server Paths. This is a very important step.
HTML Files Path: This is the server path where you will be uploading all your files. This is a mandatory input and cannot be left blank. This path has to be a valid URL like http://www.yourdomain.com/ or http://www.anydomain.com/videos/ or http://videos.somedomain.com/
Video File(s) Path: It is recommended that you enter the same value as your HTML Files Path in this box. However, if you want to keep your video file (the FLV or the Mp4 file) separate from your HTML files, enter the appropriate server path here. It has to be a valid URL just like the HTML Files Path. This can be a path to another domain to host your video files only. Or a cloud space like Amazon S3.
Finally provide an Output Folder for the software to output the required files. You can optionally choose to encrypt the final HTML code in this step.
Once the code is generated, paste the code on to your HTML editor. Upload all the files from your Output Folder to your webserver in the correct path as you mentioned on the software.
If your HTML Files Path provided was http://www.yourdomain.com/videofiles/ then after you upload the files to your webserver, you should be able to test the player using, http://www.yourdomain.com/videofiles/onlinetest.html
The software creates this file onlinetest.html automatically in the Output Folder.