This is a message.

Use Flowplayer to stream content from MaxCDN

MaxCDN is a Content Delivery Platform committed to deliver state of the art features for video streaming.

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 media servers that MaxCDN 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.

flowplayer("player", "http://releases.flowplayer.org/swf/flowplayer-3.2.18.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.flowplayer/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.flowplayer/bbb-1200.mp4", width: 720, bitrate: 1200 },
{ url: "mp4:vod/demo.flowplayer/bbb-1600.mp4", width: 1080, bitrate: 1600 }
]
},
plugins: {
// bandwidth check plugin
bwcheck: {
url: "flowplayer.bwcheck-3.2.13.swf",
 
// HDDN uses Wowza servers
serverType: 'wowza',
 
// we use dynamic switching, the appropriate bitrate is switched on the fly
dynamic: true,
 
netConnectionUrl: 'rtmp://r.demo.flowplayer.netdna-cdn.com/play',
 
// show the selected file in the content box. This is not used in real
// installations.
onStreamSwitchBegin: function(newItem, currentItem) {
this.getPlayer().getPlugin('content').setHtml(
"Will switch to: " + newItem.streamName +
" from " + currentItem.streamName);
},
onStreamSwitch: function(newItem) {
this.getPlayer().getPlugin('content').setHtml(
"Switched to: " + newItem.streamName);
}
},
 
// RTMP streaming plugin
rtmp: {
url: "flowplayer.rtmp-3.2.13.swf",
netConnectionUrl: 'rtmp://r.demo.flowplayer.netdna-cdn.com/play'
},
 
// a content box so that we can see the selected item
// usually omitted in production
content: {
url: "flowplayer.content-3.2.9.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'
}
}
} }
});

JavaScript

Sign up

Proceed to the MaxCDN website to learn more and to sign up. They offer discounts for Flowplayer users!