Multibitrate streaming in ipad using flowplayer
Using flowplayer (flash version) I'm able to load multibitrate video files via smil file using rtmp protocol.
The respective script follows
<script> flowplayer("bplayer", "http://releases.flowplayer.org/swf/flowplayer-3.2.15.swf", { clip: { url: "bitrates3.smil.xml", autoPlay: true, provider: 'rtmp', urlResolvers: [ 'smil', 'bwcheck' ] }, plugins: { smil: { url: "http://releases.flowplayer.org/swf/flowplayer.smil-3.2.8.swf" }, bwcheck: { url: "http://releases.flowplayer.org/swf/flowplayer.bwcheck-3.2.11.swf", serverType: 'wowza', dynamic: true, netConnectionUrl: 'rtmp://video.abc.com/cdn', }, rtmp: { url: "http://releases.flowplayer.org/swf/flowplayer.rtmp-3.2.11.swf", netConnectionUrl: 'rtmp://video.abc.com/cdn' }, } }).ipad(); </script>
This is the smil file - bitrates3.smil.xml (video paths are dummy)
<?xml version="1.0" encoding="utf-8"?> <smil> <head> <meta base="rtmp://itl.bc-s.cdn.bitgravity.com/cdn" /> </head> <body> <switch> <video src="mp4:/abc/secure/A-081207-L.mp4" system-bitrate="800" width="480" /> <video src="mp4:/abc/secure/A-081207-M.mp4?" system-bitrate="1200" width="720" /> <video src="mp4:/abc/secure/A-081207-S.mp4?" system-bitrate="1600" width="1080" /> </switch> </body> </smil>
I can also independently play video on iPad using the ipad plugin associated with flowplayer.
The respective code follows:
<html> <head> <title></title> </head> <body> <script> head.js( "http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js", "http://cdn.jquerytools.org/1.2.6/all/jquery.tools.min.js", "http://releases.flowplayer.org/js/flowplayer-3.2.11.min.js", function(){ head.js("http://releases.flowplayer.org/js/flowplayer.ipad-3.2.12.min.js"); }); $f("player", "http://releases.flowplayer.org/swf/flowplayer-3.2.15.swf").ipad(); </script> <!-- player container--> <a href="http://video.abc.com/secure/A-20110128-L.mp4?e=0" class="player" style="display:block;width:425px;height:300px;margin:10px auto" id="player"> <img src="dummy-image.jpg" alt="Search engine friendly content" /> </a> </body> </html>
How can I combine these codes so that the multibitrate switching must work for all browsers and devices? I've the necessary formats of video files for supporting different devices/browsers.
I tried to add the http video link in the clip's ipadURL property and invoked the ipad() function but then i just got a blank black screen and nothing worked (not even on the browser).
Answers
RTMP will not work on Ipad. RTMP is a flash streaming protocol. For IOS, HTTP-live-streaming is protocol to use for streaming.