HTTP streaming plugin Flowplayer

This plugin enables you to stream H264 videos in mp4 or flv containers using Flowplayer and http server, read more about the plugin here.

How to use

Files included in the package:

• easybits-helper.js
• easybits-multistreaming.js
• easybits-flash-streaming.js
• easybits-httpstreaming-flowplayer-plugin.swf
• easybits-httpstreaming.html

Videos and player on the same domain

In the simplest scenario where you delivery your videos from the same domain where the player is embedded, that is your player is on page http://example.com and your videos are delivered from http://example.com, you add the supplied javascript file to the head tag of your page:

And then in Flowplayer configuration set up provider as follows, optionally adding buffer limit in seconds:

	clip: 
	{
		url: "http://example.com/video.mp4",
		provider: 'httpstreaming'
	},
	plugins: 
	{
		httpstreaming: 
		{
			url: "http://example.com/easybits-httpstreaming-flowplayer-plugin.swf",
			buffer:6
		}
	}
	

Watch simple Flowplayer embed example.

All or some of the videos reside in a domain other than where the player is embedded

In this case additionally to the previous set up you would need to edit the included html file (easybits-httpstreaming.html) to specify location of the javascript file (easybits-httpstreaming.js) and to upload it to each domain's server that steams videos.

Then define a global configuration variable called easybits_Flashstream with location/locations for the uploaded html loader files:

	var easybits_Flashstream = { 
		loaders: ["http://example1.com/easybits-httpstreaming.html","http://example2.com/easybits-httpstreaming.html"]
	};
	....							
	clip: 
	{
		url: "http://example1.com/video.mp4",
		provider: 'httpstreaming'
	},
	plugins: 
	{
		httpstreaming: 
		{
			url: "http://example.com/easybits-httpstreaming-flowplayer-plugin.swf"
		}
	}
	...
	

Watch different domains embed example.

Streaming videos simultaneously from multiple locations

The plugin supports simultaneous delivery of video from different servers. To specify additional locations you add alturls property to the plugin configuration variable which is an Array of objects containing url of the video and an Array of corresponding locations :

	var easybits_Flashstream = { 
			loaders: ["http://example1.com/easybits-httpstreaming.html"],
			alturls:[
				{
					url: "http://example.com/video.mp4",
					locations: ["http://example1.com/video.mp4"]
				}
			]
		};
	...					
	clip: 
	{
		url: "http://example.com/video.mp4",
		provider: 'httpstreaming'
	},
	plugins: 
	{
		httpstreaming: 
		{
			url: "http://example.com/easybits-httpstreaming-flowplayer-plugin.swf"
		}
	}
	...
	

Watch multistream plugin example.