Live Stream....multiple formats
We have a json feed with a live stream of some cameras. I currently have things set up like this and is working. This works for all devices tested so far. Android < 5 get a link, Android Lollipop seems to stream fine without issues, iOS/iPad are streaming fine, and so are the desktops with multiple browsers tested.
<div id="XXXXXXXXXXX" style="text-align: center;">
Some of the older devices may need to click on the link below to display in their native video player in order to view the traffic cameras
<br /><a href="rtsp://XXX.XX.XX.XX:554/live/CAMID.stream">CAMID</a>
</div>
<script type="text/javascript">
var ua = navigator.userAgent;
var androidStatus = false;
if(ua.indexOf("Android") >= 0) {
var androidVersion = parseFloat(ua.slice(ua.indexOf("Android") + 8));
androidStatus = androidVersion < 5.0;
}
jwplayer("XXXXXXXXXXX").setup({
sources: [{
file: "rtmp://XXX.XX.XX.XX:1935/live/CAMID.stream"
},{
file: "http://XXX.XX.XX.XX:1935/live/CAMID.stream/playlist.m3u8"
}],
rtmp: {
bufferlength: 3
},
image:"http://domain/images/CameraBG.png",
logo:{
file:"http://domain/images/logo.png",
link:"http://domain",
position:"top-right",
hide:"false"
},
abouttext:"Organization",
aboutlink:"http://domain",
width: "100%",
aspectratio: "4:3",
androidhls: androidStatus ? false : true,
fallback: androidStatus ? false : true
});
</script>
</div>
Now we have two other files to try and incorporate into this player.
MSSmooth Stream
http://XXX.XX.XX.XX:1935/live/CAMID.stream/Manifest
Adobe HDS
http://XXX.XX.XX.XX:1935/live/CAMID.stream/manifest.f4m
What is the best way to incorporate these other streams into the above code?
I would be happy to share a test page with JWPlayer Support, but won't post it on the blog, as it is not ready for prime time...still testing our streams from Wowza.
Any help would be appreciated, thank you.
