HTTP streaming plugin for Strobe Media Playback
This plugin enables you to stream H264 videos in mp4 or flv containers using Flowplayer and http server, read more about the plugin here.
Please note this plugin was built against OSMF version 2.0.2494
Find out more about Open Source Media Framework:
How to use
Files included in the package:
- easybits-helper.js
- easybits-multistreaming.js
- easybits-flash-streaming.js
- easybits-httpstreaming-strobe-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 pass the id of the player:
<script type="text/javascript" src="http://example.com/easybits-helper.js"></script>
<script type="text/javascript" src="http://example.com/easybits-multistreaming.js"></script>
<script type="text/javascript" src="http://example.com/easybits-flash-streaming.js"></script>
And then in Strobe Media Playback configuration set up plugin as flollows:
var options = {
...
plugin_easybitshttpstreaming: "http://example.com/easybits-httpstreaming-strobe-plugin.swf",
easybitshttpstreaming_namespace: "http://easy-bits.com/products/http-streaming-for-flash/strobeplayer",
easybitshttpstreaming_swfId: "strobeMediaPlaybackId",//the flash object embed id
easybitshttpstreaming_buffer: 6,//buffer limit in seconds
...
};
Watch simple Strobe Media Playback 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"]
};
var options = {
...
plugin_easybitshttpstreaming: "http://example.com/easybits-httpstreaming-strobe-plugin.swf",
easybitshttpstreaming_namespace: "http://easy-bits.com/products/http-streaming-for-flash/strobeplayer",
easybitshttpstreaming_swfId: "strobeMediaPlaybackId",
...
};
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 along with loaders you add alturls property to the plugin configuration obejct 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"]
}
]
};
var options = {
...
plugin_easybitshttpstreaming: "http://example.com/easybits-httpstreaming-strobe-plugin.swf",
easybitshttpstreaming_namespace: "http://easy-bits.com/products/http-streaming-for-flash/strobeplayer",
easybitshttpstreaming_swfId: "strobeMediaPlaybackId",
...
};
Watch multistream example.