Introduction: Flash http pseudo streaming enables a cool
feature of seeking your videos anywhere (like YouTube) even if that portion
of the video has not downloaded to the visitor's browser cache. Imagine
a video of 10 minutes length being setup on a webpage. A visitor comes
and starts watching it. He or she then wants to go ahead and watch the
video around at 6 minutes on it's timeline. This is not possible with
normal Flash streaming (unless the data has buffered upto 6 minutes).
With RTMP yes, but then again you need a RTMP provider.
So to give the best of both worlds we have something what is called Flash pseudo http streaming. When you setup a pseudo streaming, the web video player can seek your video randomly on it's timeline. Note that this feature is for the Flash web video players only. For HTML5 or the players on iOS and Android devices, random seek is already supported. So you do not have to do anything additional for that.
You can opt for pseudo streaming with or without HTML5 support. With HTML5 support, your visitor experience will be state-of-the-art and pro class.
Before you try this method, we suggest you to try the normal Flash streaming method first so you get familiar with our software interface and working methodology.
Limitations: There are a few limitations when you choose pseudo streaming.
In this tutorial we have selected Flash pseudo streaming
with HTML5 fallback.
Open the software and select Pseudo 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.
Check the HTML5 Support for iOS and Android Devices.
(If you do not want HTML5 support, you can uncheck this option)
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 Select Video File(s).
A window will pop open. Browse for your video files and load it onto the software.
Flash Video File: For pseudo streaming you require a FLV file. No other format is allowed in this entry.
Mp4 Video File: This file will be streamed on iOS and Android devices. You need a Mp4 file in one of the extensions .mp4, .m4v or .f4v. Note that all Mp4 files are not iOS compatible. We recommend you to encode your video files with our free web video encoder. Required.
WebM Video File: The WebM video file (extension .webm) is needed for a fallback support on desktop browsers Firefox and Opera. Which means, if Flash is disabled on the visitor's browser the video will still be viewable. This is an optional entry but recommended. Once again, you can encode web optimized WebM files with our free web video encoder. Optional.
You should have these files ready beforehand and on the following window just browse for the files. Once done, click Save and Exit.
If the software senses you do not have the video files set rightly, it will show a ! sign in red, right next to the label Video File(s) in the main interface.
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: For psuedo streaming this entry is ignored and you should upload your video files together with the HTML files. Leave this field blank.
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.