RTMP Streaming + HTML5 Fallback + Playlists + Adaptive Bit Streaming

10 replies [Last post]

Posted: Mon, 2012-02-06 07:53 Rick

Hi,

I'm currently trying to create a player to stream a live feed using RTMP, with a html5 fallback for iOS devices, adaptive bit streaming for the RTMP stream and implement all this in a playlist.

I have no problem doing each of those on their own, and even combining some of them (playlists with adaptive bit streaming, html5 fall back with adaptive bit streaming for RTMP), but I cannot get them to work together. Is what I am trying to do possible?

The pseudo code is:
playlist : [ { modes : [ { rtmp stream flash fallback } ]}, { modes : [ { rtmp stream flash fallback } ]} ]

Posted: Mon, 2012-02-06 13:35 Ethan LongTail

Putting the modes block inside of the playlist block is not supported, it is not the intended way to do this.

Posted: Tue, 2012-02-07 04:33 Rick

I thought that was the case, I think I know how to remedy this, thanks for your help Ethan.

Posted: Tue, 2012-02-07 05:44 Rick

I've got it running in proper syntax, but I still can't view it on iDevices. I have:

<script type="text/javascript">
	jwplayer('mediaplayer').setup({
		'id' : 'playerID',
		'width' : '960',
		'height' : '576',
		'autostart' : 'true',
		'modes' : [
		           {type: 'flash', src: 'player.swf'},
		           {type: 'html5'},
		           {type: 'download'}
		           ],
		'playlist.position' : 'right',
		'playlist.size' : '210',
		'playlist' : [{
                title: "",
    		image: "",
    		type: "RTMP",
    		streamer: "rtmp://",
            		levels: [
            			{
            				bitrate : "1300",
            				width : "576",
            				file : ".stream"
            			}, {
            				bitrate : "792",
            				width : "576",
            				file : ".stream"
            			}, {
            				bitrate : "384",
            				width : "360",
            				file : ".stream"
            			}, {
            				bitrate : "128",
            				width : "160",
            				file : ".stream"
            			}]
		}, {
            		title: "",
            		image: "",
            		type: "RTMP",
            		streamer: "rtmp://",
            		levels: [{
        				bitrate : "1300",
        				width : "576",
        				file : ".stream"
        			}, {
        				bitrate : "792",
        				width : "576",
        				file : ".stream"
        			}, {
        				bitrate : "384",
        				width : "360",
        				file : ".stream"
        			}, {
        				bitrate : "128",
        				width : "160",
        				file : ".stream"
        			}],
            	}]

This plays fine in flash, but how do I then set it to go to my .m3u8 file for different streams? I looked at http://developer.longtailvideo.com/player/trunk/fl5/js/test/examples/playlist.html?type=rtmp but this doesn't work on my iPad so not sure what to do really.

Posted: Tue, 2012-02-07 09:52 Rick

Sorry for the triple post, but I've figured this out now, thanks for the help anyway!

Posted: Tue, 2012-02-07 13:50 Ethan LongTail

Great, np!

Posted: Wed, 2012-02-08 06:31 David Bierhoff

Hi Rick, Ethan,

I am trying to achieve this same goal,
Is there any authoritative resource on the correct way to set this up?

Posted: Wed, 2012-02-08 12:43 Luke

Please post your solution! Thanks.

Posted: Wed, 2012-02-08 13:41 Ethan LongTail

We don't have an exact example of all of these together, sorry, but yes, post it so others can see! :)

Posted: Thu, 2012-02-09 05:08 Rick

My solution was to basically just check if they're on an iDevice and then redirect them to an apple only player page using:

<script type="text/javascript"> // <![CDATA[
	if ((navigator.userAgent.indexOf('iPhone') != -1) || (navigator.userAgent.indexOf('iPod') != -1) || (navigator.userAgent.indexOf('iPad') != -1)) {
		document.location = "appletvsite.html";
	} // ]]>

Posted: Thu, 2012-02-09 15:07 Ethan LongTail

Cool, thanks for sharing!

RTMP Streaming + HTML5 Fallback + Playlists + Adaptive Bit Streaming

Post new comment

JW Player

AddOns

AdSolution

Bits on the Run

Open Video Ads

Company