Documentation


Flash pseudo http streaming generation

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.

  • You need to have a Linux hosting. Pseudo streaming will not work on a Windows server.
  • All the files, that is, your video files and associated files, should reside in the same location on your webserver. You cannot host your video files on a different domain, if you want to use Flash pseudo streaming.
  • The Flash Video File should strictly be a FLV file (no Mp4) and that has been processed through our streaming video software.

In this tutorial we have selected Flash pseudo streaming with HTML5 fallback.

Open the software and select Pseudo Streaming from top menu Streaming Mode.

Web video player tutorial screenshot

Next select Stream Single Video. We will be streaming a single video file.

Web video player tutorial screenshot

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)

Web video player tutorial screenshot

Select a Video Player Style.

Web video player tutorial screenshot

Select a Video Player Size.

Web video player tutorial screenshot

You can apply a color tint to the web video player by clicking the Tint button.

Web video player tutorial screenshot

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,

Web video player tutorial screenshot

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.

Web video player tutorial screenshot

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.

Web video player tutorial screenshot

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).

Web video player tutorial screenshot

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.

Web video player tutorial screenshot

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.

Web video player tutorial screenshot

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.