Does HTML5 Player support RTMP streaming?
Does anyone know if the beta HTML5 Player support RTMP streaming?
48 Community Answers
Ethan Feldman
JW Player Support Agent
-1
rated :
The HTML5 player does not support this. HTML5 does not support RTMP. RTMP is Flash Based.
JW Player
User
0
rated :
From what I can see the Beta Player just uses standard html5 embed tags. Someone correct me if I'm wrong. I know it auto loads the flash player if it needs it.
If you wanna do streaming with an html5 video player Wowza Media Server supports this...
Here is a demo:
http://www.wowzamedia.com/iphone.html
--------------
Shane Calhoun
http://calhouncreations.com
Ethan Feldman
JW Player Support Agent
0
rated :
Thank you for sharing that link. It seems to not work correctly in Firefox, though.
JW Player
User
0
rated :
Ethan,
FYI, iPhone videos are H.264 encoded, which means they wouldn't work in Firefox (which supports the Ogg Theora codec instead). Also, the adaptive bitrate technology that Apple is using won't play back natively in normal browsers, but it works fine on the iOS devices.
We use Wowza instances on Amazon's cloud to send streams to the iOS devices, and I can vouch for the fact that these DO play back correctly.
JW Player
User
0
rated :
Do you have your own Wowza instances or are you using something hosted by Amazon? Last I checked they only support RTMP streaming from CloudFront, nothing else.
It looks like Wowza is simply using HTTP streaming, is that correct?
Ethan Feldman
JW Player Support Agent
0
rated :
Wowza definitely supports RTMP.
JW Player
User
0
rated :
Hello,
Where can I see a demo using sdp files?
thank you
Carlos
Ethan Feldman
JW Player Support Agent
0
rated :
We do not have a demo of SDP files.
JW Player
User
0
rated :
@shane: on chrome browser the wowza iphone example doesn't work too. I thought it should as Chrome supports H.264?
Ethan Feldman
JW Player Support Agent
0
rated :
Chrome does indeed support H.264
JW Player
User
0
rated :
I'm using the current version (5.3) of the player, which is no longer a beta.
Is there any chance to make its HTML5 version work with RTMP streaming ?
If not, do you recommand a fallback version of your Javascript integration code ?
Thank you
Ethan Feldman
JW Player Support Agent
1
rated :
HTML5 does not support RTMP itself, as RTMP is an Adobe technology that works in Flash only.
JW Player
User
0
rated :
Thank you Ethan for your response. I have one more question :
Is there a way to specify the rtmp url and the direct http url in one call ? Compatible technologies would use the rtmp protocol, and HTML5 would user progressive download.
Ethan Feldman
JW Player Support Agent
0
rated :
There is not, unfortunately.
JW Player
User
0
rated :
until adobe or someone makes a websocket protocol for rtmp, your answer is no.
JW Player
User
-1
rated :
Solution is already there http://www.mainconcept.com/products/apps-plug-ins/plug-ins-for-adobe/aac-encoder.html
Ethan Feldman
JW Player Support Agent
1
rated :
@Vas – What does this have to do with HTML5 support for RTMP?
JW Player
User
0
rated :
I understand there is no support for RTMP on apple devices.
However I was wondering if its possible to setup and use Flash/RTMP when possible. However is it possible to use HTTP/Html5 on apple devices or when RTMP or Flash fails?
I just changed all our code from the older javascript method to the new javascript API... but without getting the players to work on apple devices I don't have much to show for it.
Ethan Feldman
JW Player Support Agent
0
rated :
@Nick, we have some examples of different fallbacks here, for your reference – http://developer.longtailvideo.com/player/trunk/fl5/js/test/examples/
JW Player
User
0
rated :
Hi Ethan,
We are 4 months further in the meantime, is there already a fallback for streaming apart from a download option?
I found this code in http://www.longtailvideo.com/support/jw-player/jw-player-for-flash-v5/18530/embedding-an-rtmp-stream-with-an-html5-fallback
bc.. <script type="text/javascript">
jwplayer('mediaplayer').setup({
'id': 'playerID',
'width': '480',
'height': '270',
'provider': 'rtmp',
'streamer': 'rtmp://rtmp.example.com/application',
'file': 'sintel.mp4',
'image': 'http://example.com/thumbs/sintel.jpg',
'modes': [
{type: 'flash', src: 'player.swf'},
{
type: 'html5',
config: {
'file': '/videos/sintel.mp4',
'provider': 'video'
}
},
{
type: 'download',
config: {
'file': '/videos/sintel.mp4',
'provider': 'video'
}
}
]
});
</script>
So, let's say: if I want to the HTML5 failover to simply play the video with progressive download by giving a full path to the video.
bc.. type: 'html5',
config: {
'file': 'http://sarzsxxxtvm99.cloudfront.net/sintel.mp4',
'provider': 'video'
}
Is that possible?
Sometihng that puzzles me about this code: why do we need to give the provider type? I thought the newer version of JW player did away with that requirement?
Thanks beforehand ;-)
Ethan Feldman
JW Player Support Agent
0
rated :
Here is how to do this.
http://www.longtailvideo.com/support/jw-player/jw-player-for-flash-v5/18508/jw-embedder-modes
JW Player
User
0
rated :
Thanks Ethan, but it is not working in a regular browser now.
Don't know if it works on iPhone, testers haven't got back to me on this, but in the meantime, could you have a look at this page?
http://www.miracletutorials.nl/test-page
I know the first player will not work in html mode since it's an audio, but that's not important now.
Just have a look at the second player, all the rest are not relevant in this case.
Thanks beforehand.
Ethan Feldman
JW Player Support Agent
0
rated :
According to Firebug:
missing ] after element list
{
;)
JW Player
User
0
rated :
Hm, that ] is there.
Could you have a look at this code and see what's wrong with it? I can't find any problem:
bc.. <div id="container1" style="border:1px solid #666;width:500px;height:307px;">You need <a href="http://get.adobe.com/flashplayer/">Flash Player 9 or later</a> installed to play this s3streamingvideo</div>
<script type="text/javascript">
jwplayer('container1').setup( {
'id': 'container1',
'wmode': 'transparent',
'icons': 'true',
'allowscriptaccess': 'always',
'allownetworking': 'all',
'file': 'some-sages-of-mind.mp4',
'width': '500', 'height': '307',
'allowfullscreen': 'false',
'autostart': 'false',
'controlbar': 'bottom',
'dock': 'false',
'provider':'rtmp',
'streamer':'rtmp://s3q8wwllu0o74v.cloudfront.net/cfx/st',
'skin':'http://www.miracletutorials.nl/wp-content/plugins/s3mediastream-video/skins/polishedmetal/polishedmetal.xml',
'image':'http://dg3wfu9i12e8q.cloudfront.net/sommind-poster.jpg',
'plugins':{
},
'modes': [
{type: 'flash', src: 'http://www.miracletutorials.nl/wp-content/plugins/s3mediastream-video/mediaplayer/player.swf'},
{
type: 'html5',
config: {
'file': 'http://d3pxgaq8c1p7db.cloudfront.net/some-sages-of-mind.mp4',
'provider': 'video'
}
}
{
type: 'download',
config: {
'file': '',
'provider': 'video'
}
}
]
}
);
</script>
Thanks beforehand.
JW Player
User
0
rated :
Ah, it looks like I'm missing a comma!
JW Player
User
0
rated :
Ok, I added the comma where it should be, namely after the html5 type block, but now the page shows no player or even the div.:
http://www.miracletutorials.nl/streaming-video-with-html5-fallback
And here is the code. What am I missing now?
bc.. <div id="container1" style="border:1px solid #666;width:500px;height:307px;">You need <a href="http://get.adobe.com/flashplayer/">Flash Player 9 or later</a> installed to play this s3streamingvideo</div>
<script type="text/javascript"> jwplayer('container1').setup({
'id': 'container1',
'wmode': 'transparent',
'icons': 'true',
'allowscriptaccess': 'always',
'allownetworking': 'all',
'file': 'some-sages-of-mind.mp4%3FExpires%3D1303472619%26Signature%3DQUfrgGORMOyYWxM8sRslGovJYAEsx45N9FXu5ZphccqKkGuyjHP%7EGfrTqI0JjIVAO-4cQXb9iZxLDolkRrOeJfQaeJucCjjC9%7EMIVaINwbN0F5e4jx0NaVTKhAQDyFWoLNheqBuGSnzcAhRNXd9di5vFAaizbLFKjfoMy25gifw_%26Key-Pair-Id%3DAPKAJR25QWDJ5KXIDJKQ',
'width': '500', 'height': '307',
'allowfullscreen': 'false',
'autostart': 'false',
'controlbar': 'bottom',
'dock': 'false',
'abouttext': 'S3Media Stream 5.5.2',
'aboutlink': 'http://www.wp21century.com',
'provider':'rtmp',
'streamer':'rtmp://s3q8wwllu0o74v.cloudfront.net/cfx/st',
'skin':'http://www.miracletutorials.nl/wp-content/plugins/s3mediastream-video/skins/polishedmetal/polishedmetal.xml',
'image':'http://dg3wfu9i12e8q.cloudfront.net/sommind-poster.jpg',
'plugins':{},
'modes': [
{type: 'flash', src: 'http://www.miracletutorials.nl/wp-content/plugins/s3mediastream-video/mediaplayer/player.swf'},
{
type: 'html5',
config: {
'file': 'http://d3pxgaq8c1p7db.cloudfront.net/some-sages-of-mind.mp4%3FExpires%3D1303472619%26Signature%3DQUfrgGORMOyYWxM8sRslGovJYAEsx45N9FXu5ZphccqKkGuyjHP%7EGfrTqI0JjIVAO-4cQXb9iZxLDolkRrOeJfQaeJucCjjC9%7EMIVaINwbN0F5e4jx0NaVTKhAQDyFWoLNheqBuGSnzcAhRNXd9di5vFAaizbLFKjfoMy25gifw_%26Key-Pair-Id%3DAPKAJR25QWDJ5KXIDJKQ',
'provider': 'video'
}
},
{
type: 'download',
config: {
'file': '',
'provider': 'video'
}
}
]
});
</script>
Any ideas?
Ethan Feldman
JW Player Support Agent
0
rated :
Player.swf, 404 not found ;)
http://www.miracletutorials.nl/player.swf
JW Player
User
0
rated :
I'm confused, where does that link come from? I linked to http://www.miracletutorials.nl/wp-content/plugins/s3mediastream-video/mediaplayer/player.swf, like this:
bc.. {type: 'flash', src: 'http://www.miracletutorials.nl/wp-content/plugins/s3mediastream-video/mediaplayer/player.swf'}
I tried to find the link you talk about in the source code but here is no other reference to the player.
Also, even if the player couldn't be found, I would still get a div. So, the problem is elsewhere.
JW Player
User
0
rated :
OK, I'm an idiot. I didn't realize that you need JW player version 5.5 for modes. I was testing with 5.4.
Ethan Feldman
JW Player Support Agent
0
rated :
Ah yes, that is right! :)
JW Player
User
0
rated :
That works great Ethan! Thanks!
Ethan Feldman
JW Player Support Agent
0
rated :
Np!
JW Player
User
0
rated :
Hi,
can anyone pls. tell me why the absolute/relative path doesn't support for video in html5 when uploaded on server??
thanks in advance
Ethan Feldman
JW Player Support Agent
0
rated :
It should…do you have a link to where it is not working?
JW Player
User
0
rated :
Hello
So at this time there isn't solution to make rtmp LIVE stream also for html5
right ?
JW Player
User
0
rated :
I want to know if there a way to go LIVE stream on HTML5 using the RTMP protocol????????????? If so where to go from here?????? Links Please!!!!!
Ethan Feldman
JW Player Support Agent
0
rated :
Guys:
RTMP is a technology that was developed by Adobe. It only works in Flash.
So it is not possible to run RTMP in HTML5.
JW Player
User
0
rated :
I want you guys to explore a website named Justin.tv explain to me how I can stream with rtmp protocol and they have an iPhone app that plays back that same stream? are they doing something different?
Ethan Feldman
JW Player Support Agent
0
rated :
I know that site. The thing is, they are not using RTMP for their HTML5 playback. Most likely they are broadcasting to iOS with m3u8, which we also support – http://developer.longtailvideo.com/player/trunk/fl5/js/test/examples/m3u8.html
RTMP itself is an Adobe developed technology, that only works in Flash.
JW Player
User
0
rated :
My question is I'm streaming rtmp to the site and they have my stream live on the iOS app? How can they convert my rtmp to the m3u8 you are talking about?
Ethan Feldman
JW Player Support Agent
0
rated :
No idea, they wrote an App, we have a web based player. Two entirelly different things. You should ask them.
JW Player
User
0
rated :
Ethan,
I use RTMP for steaming videos in JW player . is there a equivalent protocol to stream videos in Ipad. so i can switch between the modes
Ethan Feldman
JW Player Support Agent
0
rated :
m3u8
JW Player
User
0
rated :
So, to get this straight, it's possible to use jwplayer as html5 with flash failover so ipads and all nrowsers can see it, and then stream from wowza with rtmp or m3u8 failover? We are currently hiring for a website redesign that will play on both ipads and universally elsewhere. Bwnvideo@aol.com
Ethan Feldman
JW Player Support Agent
0
rated :
Yes, it is possible.
JW Player
User
0
rated :
I'm looking for the opposite. I want to default to Flash, with an html5 failover.
Here's the situation. I'm using Akamai for a live rtmp web stream (768k) and I'm using a Wowza EC2 instance for ios, which is a low bitrate (256k). In some cases, I'm not offering an ios stream.
The issue is FF on Win7 is defaulting to the html5 stream, which is a lower bitrate, or not available. How can I force FF to default to Flash? It seems to be defaulting to Flash everywhere else, PC and Mac.
Here's the code, which is working properly.
<!-- START OF THE PLAYER EMBEDDING TO COPY-PASTE -->
<script type='text/javascript' src='jwplayer.js'></script>
<div id='mediaplayer2' z-index="-1">Player...Loading</div>
<script type="text/javascript">
jwplayer('mediaplayer2').setup({
'id': 'playerID',
'width': '640',
'height': '360',
'provider': 'rtmp',
'streamer': 'rtmp://cp100XXX.live.edgefcs.net/live',
'file': 'FILE@77195',
'image': 'images/splash.png',
'controlbar': 'bottom',
'autostart': 'true',
'width': '640',
'height': '384',
'modes': [
{type: 'flash', src: 'player.swf'},
{
type: 'html5',
config: {
'file': 'FILE@77195',
'streamer': 'rtmp://cp100XXX.live.edgefcs.net/live',
'provider': 'rtmp'
}
},
{
type: 'download',
config: {
'file': 'http://myEC2:1935/live/myStream2.sdp/playlist.m3u8',
'provider': 'video'
}
}
]
});
jwplayer("mediaplayer2").onError(function(error){
jwplayer("mediaplayer2").load("images/splash.png");
});
</script>
<!-- END OF THE PLAYER EMBEDDING -->
Thanks,
Lenny
JW Player
User
0
rated :
Actually, this part of the code is not working.
type: 'html5',
config: {
'file': 'FILE@77195',
'streamer': 'rtmp://cp100XXX.live.edgefcs.net/live',
'provider': 'rtmp'
}
I had this in there, but I didn't test it.
type: 'html5',
config: {
'file': 'http://myEC2:1935/live/myStream2.sdp',
'provider': 'video'
}
Ethan Feldman
JW Player Support Agent
0
rated :
The default is Flash first, HTML5 2nd, then Download.
You can’t put in RTMP into an HTML5 config. SDP files are meant to be streamed over RTMP as well, that worn’ work either. You need to use either a progressively downloaded video for HTML5 or M3U8.
This question has received the maximum number of answers.