This is a message.

HLS Flash with Flowplayer

HLS - Apple HTTP Live Streaming - is normally only available on iOS and Mac desktop Safari. With this plugin you can show HLS streams in Flowplayer Flash.

Flowplayer Drive Library

The plugin is developed by Guillaume du Pontavice and is available from GitHub.

The video promotes our Flowplayer Drive platform where you can transcode and deploy your videos in multiple HLS resolutions.

Features

This plugin offers the following features:

Setup and configuration

Here is the HTML setup and JavaScript configuration for the above example:

<!-- container with splash image -->
<div id="flashls_vod">
<img src="http://flowplayer.org/media/img/drivedocs/populatedlibrary.jpg"
height="360" alt="Flowplayer Drive Library"/>
</div>

HTML

// install flowplayer into container
$f("flashls_vod", {
// flash configuration: enable stage video for hardware acceleration
wmode: "direct",
src: "http://releases.flowplayer.org/swf/flowplayer-3.2.18.swf"
 
}, {
plugins: {
flashls: {
// load the flashls plugin
url: "/media/swf/flashlsFlowPlayer-0.4.4.24.swf"
}
},
clip: {
url: "http://edge.flowplayer.org/drive.m3u8",

// configure the flashls plugin as the clip's provider and urlResolver
provider: "flashls",
urlResolvers: "flashls",
accelerated: true,
 
scaling: "fit"
},
 
// bright canvas for light video
canvas: {
backgroundGradient: "none",
backgroundColor: "#ffffff"
}
}).ipad(); // sets up the player on iOS

JavaScript

The standalone version of this example can be found here.

Live Stream Example

Flow Eye
<!-- container with splash image -->
<div id="flashls_live">
<img src="/media/img/home/flow_eye.jpg" width="640" height="360" alt="Flow Eye"/>
</div>

HTML
// install flowplayer into container
$f("flashls_live", {
// flash configuration: enable stage video for hardware acceleration
wmode: "direct",
src: "http://releases.flowplayer.org/swf/flowplayer-3.2.18.swf"
 
}, {
plugins: {
flashls: {
// load the flashls plugin
url: "/media/swf/flashlsFlowPlayer-0.4.4.24.swf",
 
// maximum buffer length must be adapted to stream based on
// trial of resume after pause longer than 'live window'
hls_maxbufferlength: 20
}
},
clip: {
url: "http://wms.shared.streamshow.it/canale8/canale8/playlist.m3u8",
live: true,

// configure the flashls plugin as the clip's provider and urlResolver
provider: "flashls",
urlResolvers: "flashls",
accelerated: true,
 
scaling: "fit"
}
}).ipad(); // sets up the player on iOS

JavaScript

The standalone version of this example can be found here.

Download and documentation

This is currently a third party plugin. For more details, please refer to its site.