This is a message.

Bitrate hints from SMIL

Use SMIL switch element to provide hints for Flowplayer

standalone demo

HTML

<a
href="bbb_480x270"
style="display:block;width:480px;height:270px"
class="player"
id="bplayer">
</a>

HTML

Configuration

flowplayer("bplayer", "http://releases.flowplayer.org/swf/flowplayer-3.2.18.swf", {
clip: {
url: "/demos/standalone/plugins/streaming/bitrates.smil.xml",
autoPlay: false,
provider: 'rtmp',
 
// use smil and bwcheck when resolving the clip URL
urlResolvers: [ 'smil', 'bwcheck' ]
},
 
plugins: {
 
// the SMIL plugin reads in and parses the SMIL, and provides
// the bitrates info to the bw detection plugin
smil: {
url: "flowplayer.smil-3.2.9.swf"
},
// 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

SMIL file with switch element

Here is the SMIL file used above:

<smil>
<head>
<meta base="rtmp://r.demo.flowplayer.netdna-cdn.com/play" />
</head>
<body>
<switch>
<video src="mp4:vod/demo.flowplayer/bbb-800.mp4" system-bitrate="800000" width="480" />
<video src="mp4:vod/demo.flowplayer/bbb-1200.mp4" system-bitrate="1200000" width="720" />
<video src="mp4:vod/demo.flowplayer/bbb-1600.mp4" system-bitrate="1600000" width="1080" />
</switch>
</body>
</smil>

XML

Note that the bitrates are given in bits per second.