flowplayer("flowplayer1", "sys/flowplayer/flowplayer.commercial-3.2.9.swf",
{
key: 'keyvalue',
canvas: {
backgroundColor: '#000000',
backgroundGradient: 'none'
},
log: { level: 'debug', filter: 'org.flowplayer.menu.*, org.flowplayer.bitrateselect.*, org.flowplayer.net.*' },
onStart: function() {
console.log("onStart");
},
clip: {
provider: 'rtmp',
autoPlay: false,
scaling: 'fit',
live: 'true',
urlResolvers: 'brselect',
onUpdate: function() {
console.info("something changed...");
},
bitrates: [
{ url: "rtmp://serverurl.com/live/mp4:since", width: 480, bitrate: 720, label: "Best Quality", sd:true , isDefault: true },
{ url: "rtmp://serverurl.com/live/mp4:since_360p", width: 480, bitrate: 360, label: "360p", sd:true },
]
},
plugins: {
menu: {
url: 'sys/flowplayer/flowplayer.menu-3.3.0.swf',
items: [
// you can have an optional label as the first item
// the bitrate specific items are filled here based on the clip's bitrates
{ label: "select bitrate:", enabled: false }
]
},
brselect: {
url: "sys/flowplayer/flowplayer.bitrateselect-3.2.9.swf",
menu: true,
// show the selected file in the content box. These functions are
// here just for demonstartion purposes.
onStreamSwitchBegin: function(newItem, currentItem) {
console.info("Will switch to: " + newItem.streamName + " from " + currentItem.streamName);
},
onStreamSwitch: function(newItem) {
console.info("Switched to: " + newItem.streamName);
}
},
rtmp: {
url: 'sys/flowplayer/flowplayer.rtmp-3.2.9.swf'
},
controls: {
url: 'sys/flowplayer/flowplayer.controls-3.2.9.swf',
time: false
},
content: {
url: 'sys/flowplayer/flowplayer.content-3.2.8.swf',
top: 0, left: 0, width: 400, height: 150,
backgroundColor: 'transparent', backgroundGradient: 'none', border: 0,
textDecoration: 'outline',
html: "<p>test</p>",
style: {
body: {
fontSize: 14,
fontFamily: 'Arial',
textAlign: 'center',
color: '#ffffff'
}
}
}
}
}