Use Flowplayer to stream content from HDDN
Follow the links below to see how these different features are configured for Max.
- RTMP streaming
- pseudostreaming
- Secure streaming, providing protection for your media files
- Slow motion support including fast forward, fast rewind, slow motion forward and backward
- Bandwidth detection, including dynamic bitrate switching
- Live streaming
Flowplayer configuration
This demo uses our bwcheck plugin and it is configured here for dynamic stream switching with the Wowza 2 media servers that HDDN uses. When you go fullscreen it will switch to a file with larger dimensions if you have enough bandwidth to support the required bitrate of the larger file.
You can also use the current version of the bwcheck plugin, but dynamic stream switching is not supported yet.
flowplayer("player", "http://releases.flowplayer.org/swf/flowplayer-3.2.11.swf", {
clip: {
urlResolvers: 'bwcheck',
provider: 'rtmp',
autoPlay: false,
scaling: 'fit',
// available bitrates and the corresponding files. We specify also the video
// width here, so that the player does not use a too large file. It switches
// to a file/stream with larger dimensions when going fullscreen if the
// available bandwidth permits.
bitrates: [
{
url: "mp4:vod/demo.flowplayervod/bbb-800.mp4",
width: 480, bitrate: 800,
// this is the default bitrate, the playback kicks off with this and
// after that Quality Of Service monitoring adjusts to the most
// appropriate bitrate
isDefault: true
},
{ url: "mp4:vod/demo.flowplayervod/bbb-1200.mp4", width: 720, bitrate: 1200 },
{ url: "mp4:vod/demo.flowplayervod/bbb-1600.mp4", width: 1080, bitrate: 1600 }
]
},
plugins: {
// bandwidth check plugin
bwcheck: {
url: "http://releases.flowplayer.org/swf/flowplayer.bwcheck-3.2.10.swf",
// HDDN uses Wowza servers
serverType: 'wowza',
// we use dynamic switching, the appropriate bitrate is switched on the fly
dynamic: true,
netConnectionUrl: 'rtmp://rtmp01.hddn.com/play',
// show the selected file in the content box. This is not used in real
// installations.
onStreamSwitchBegin: function(newItem, currentItem) {
$f().getPlugin('content').setHtml(
"Will switch to: " + newItem.streamName +
" from " + currentItem.streamName);
},
onStreamSwitch: function(newItem) {
$f().getPlugin('content').setHtml(
"Switched to: " + newItem.streamName);
}
},
// RTMP streaming plugin
rtmp: {
url: "http://releases.flowplayer.org/swf/flowplayer.rtmp-3.2.10.swf",
netConnectionUrl: 'rtmp://rtmp01.hddn.com/play'
},
// a content box so that we can see the selected bitrate. This is not normally
// used in real installations.
content: {
url: "http://releases.flowplayer.org/swf/flowplayer.content-3.2.8.swf",
top: 0,
left: 0,
width: 400,
height: 150,
backgroundColor: 'transparent',
backgroundGradient: 'none',
border: 0,
textDecoration: 'outline',
style: {
body: {
fontSize: 14,
fontFamily: 'Arial',
textAlign: 'center',
color: '#ffffff'
}
}
} }
});
Sign up
Proceed to the HDDN website to learn more and to sign up.
