Dynamic Bitrate allows an administrator to adjusts the video stream bitrate to prevent dropping frames and optimize performance. This article provides examples to demonstrate the varying levels of performance.
Flowplayer Files
Multiple Bitrate Files
Source Code
flowplayer("player1", "flowplayer/flowplayer-3.2.1-dev.swf", {
clip: {
urlResolvers: 'bwcheck',
provider: 'rtmp',
autoPlay: false,
bitrates: [{
url: "mp4:vod/ZONE.ALIAS/bbb-400.mp4",
width: 320,
height: 180,
bitrate: 400,
isDefault: true
},
{
url: "mp4:vod/ZONE.ALIAS/bbb-800.mp4",
width: 480,
bitrate: 800
},
{
url: "mp4:vod/ZONE.ALIAS/bbb-1200.mp4",
width: 720,
bitrate: 1200
},
{
url: "mp4:vod/ZONE.ALIAS/bbb-1600.mp4",
width: 1080,
bitrate: 1600
}]
},
plugins: {
bwcheck: {
url: 'flowplayer/flowplayer.bwcheck-3.2.0.swf',
serverType: 'wowza',
dynamic: true,
netConnectionUrl: 'rtmp://r.ZONE.ALIAS.netdna-cdn.com/play',
onStreamSwitch: function (bitrate, streamName) {
$f().getPlugin('content').setHtml("Playing now: " + streamName)
}
},
rtmp: {
url: 'flowplayer/flowplayer.rtmp-3.2.0.swf',
netConnectionUrl: 'rtmp://r.ZONE.ALIAS.netdna-cdn.com/play'
},
content: {
url: 'flowplayer/flowplayer.content-3.2.0.swf',
top: 0,
left: 0,
width: 250,
height: 150,
backgroundColor: 'transparent',
backgroundGradient: 'none',
border: 0,
textDecoration: 'outline',
style: {
body: {
fontSize: 14,
fontFamily: 'Arial',
textAlign: 'center',
color: '#ffffff'
}
}
}
}
});
As always, If you have any questions or concerns about any of the topics mentioned in this article, please feel free to reach out to support - we are available 24/7 by chat or email.