Dynamic Bitrate | NetDNA Support Site

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

400 :: 800 :: 1200 :: 1600

Source Code

<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>

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>