Support
Dynamic Bitrate
Flowplayer RTMP Streaming with Dynamic Bitrate
Below is an example of a standard Flowplayer installation at 640×480 using RTMP through our Wowza Media Server installation
Flowplayer Files
Multiple Bitrate Files
Source Code
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 |
<div class="pageultype1sub1"><a style="display:block;width:640px;height:480px;" id="player1"></a></div>
<script type="text/javascript">
flowplayer("player1", "flowplayer/flowplayer-3.2.1-dev.swf", {
clip: {
urlResolvers: 'bwcheck',
provider: 'rtmp',
autoPlay: false,
bitrates: [{
url: "mp4:vod/hddn/bbb-400.mp4",
width: 320,
height: 180,
bitrate: 400,
isDefault: true
},
{
url: "mp4:vod/hddn/bbb-800.mp4",
width: 480,
bitrate: 800
},
{
url: "mp4:vod/hddn/bbb-1200.mp4",
width: 720,
bitrate: 1200
},
{
url: "mp4:vod/hddn/bbb-1600.mp4",
width: 1080,
bitrate: 1600
}]
},
plugins: {
bwcheck: {
url: 'flowplayer/flowplayer.bwcheck-3.2.0.swf',
serverType: 'wowza',
dynamic: true,
netConnectionUrl: 'rtmp://rtmp01.hddn.com/play',
onStreamSwitch: function (bitrate, streamName) {
$f().getPlugin('content').setHtml("Playing now: " + streamName)
}
},
rtmp: {
url: 'flowplayer/flowplayer.rtmp-3.2.0.swf',
netConnectionUrl: 'rtmp://rtmp01.hddn.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'
}
}
}
}
});
</script> |