Support
Slow Motion
Flowplayer RTMP in Slow Motion
Below is an example of a standard Flowplayer installation at 640×480 using RTMP through our Wowza Media Server installation
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 67 68 69 70 71 72 73 74 75 76 77 |
<div class="pageultype1sub1"><a href="vod/hddn/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://rtmp01.hddn.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> |