MaxCDN Support: Tutorial
Flowplayer RTMP in Slow Motion
Updated
January 24, 2015
Source Code
<div><a href="vod/ZONE.ALIAS/Extremists.flv" style="display:block;width:640px;height:480px;" id="player1"></a></div>
<script type="text/javascript">
flowplayer("player1", "flowplayer/flowplayer-3.2.1-dev.swf", {
log: {
level: 'debug',
filter: 'org.flowplayer.slowmotion.*'
},
plugins: {
slowmotion: {
url: '/flowplayer/flowplayer.slowmotion-3.2.0.swf'
},
rtmp: {
url: '/flowplayer/flowplayer.rtmp-3.2.0.swf',
netConnectionUrl: 'rtmp://r.ZONE.ALIAS.netdna-cdn.com/play'
},
speedIndicator: {
url: 'flowplayer/flowplayer.content-3.2.0.swf',
bottom: 50,
right: 15,
width: 135,
height: 30,
border: 'none',
style: {
body: {
fontSize: 12,
fontFamily: 'Arial',
textAlign: 'center',
color: '#ffffff'
}
},
backgroundColor: 'rgba(20, 20, 20, 0.5)',
display: 'none'
},
controls: {
tooltips: {
buttons: true
}
}
},
clip: {
provider: 'rtmp',
scaling: 'orig'
}
});
$f().onLoad(function () {
$("#actions").css("opacity", 1);
$("#actions button").removeAttr("disabled")
});
$f().onUnload(function () {
$("#actions").css("opacity", 0.5);
$("#actions button").attr("disabled", true)
});
var actions = {
backward: function (speed) {
$f().getPlugin('slowmotion').backward(speed)
},
forward: function (speed) {
$f().getPlugin('slowmotion').forward(speed)
},
normal: function () {
$f().getPlugin('slowmotion').normal()
}
}
</script>
<div id="actions" style="text-align:center;opacity:1;width:640px;margin-top: 10px;">
<button type="button" disabled onclick="actions.backward(8)"> Back 8 x </button>
<button type="button" disabled onclick="actions.backward(4)"> Back 4 x </button>
<button type="button" disabled onclick="actions.backward(2)"> Back 2 x </button>
<button type="button" disabled onclick="actions.normal()"> Normal </button>
<button type="button" disabled onclick="actions.forward(2)"> Fwd 2 x </button>
<button type="button" disabled onclick="actions.forward(4)"> Fwd 4 x </button>
<button type="button" disabled onclick="actions.forward(8)"> Fwd 8 x </button>
<button type="button" disabled onclick="actions.backward(0.25)"> Backward 1/4 </button>
<button type="button" disabled onclick="actions.backward(0.5)"> Backward half </button>
<button type="button" disabled onclick="actions.forward(0.5)"> Forward half </button>
<button type="button" disabled onclick="actions.forward(0.25)"> Forward 1/4 </button>
</div>