wowza stream to JW player HTML5

Question

hello,

I try to get the wowza stream to JW Player 5.9 with HTML5 mode.

Unfortunately, it does not work. It falls back to download.

Is 'provider': 'video' correct? Is the playlist URL correct?

/live/lq/playlist.m3u8 is Video H264 MPEG-4 AVC and Audio: MPEG AAC (mp4a) (says VLC)

(so, the URL basically works)

<script type='text/javascript' src='/jwplayer/jwplayer.js'></script>
 
<div id='mediaplayer'></div>
 
<script type="text/javascript">
  jwplayer('mediaplayer').setup({
    'id': 'playerID',
    'width': '480',
    'height': '270',
    'provider': 'rtmp',
    'streamer': 'rtmp://xx:1935/live/lq',
    'file': 'sintel.mp4',
    'image': 'http://example.com/thumbs/sintel.jpg',
    'modes': [
        {type: 'flash', src: '/jwplayer/player.swf'},
        {
          type: 'html5',
          config: {
           'file': 'http://xx:1935/live/lq/playlist.m3u8',
           'provider': 'video'
          }
        },
        {
          type: 'download',
          config: {
           'file': '/videos/sintel.mp4',
           'provider': 'video'
          }
        }
    ]
  });
</script>

the code is from http://www.longtailvideo.com/support/jw-player/jw-player-for-flash-v5/18530/embedding-an-rtmp-stream-with-an-html5-fallback

thanks for help!

Answer 1

Answer by Richard Lanham · Jun 04, 2012 at 11:11 PM

You have the player setup for progressive download. Take a look at this guide to setup for rtmp connection with "streamer" param.

http://www.wowza.com/forums/content.php?48-Using-JW-Player-5-x-with-Wowza-Server

Richard

0 Show 1 · Share

river jack · Jun 04, 2012 at 03:21 PM 0

Share

hmm

can you please help me with the above example, how to adapt this, it looks a little bit different to yours.

and, I am confused about the playlist. You use the &provider=rtmp and not the playlist, why?

'modes': [
        {type: 'flash', src: '/jwplayer/player.swf'},
        {
          type: 'html5',
          config: {
           'file': 'lq',
        'streamer': 'rtmp://xx:1935/live',
           'provider': 'rtmp'
          }
        },
        {
          type: 'download',
          config: {
           'file': '/videos/sintel.mp4',
           'provider': 'video'
          }
        }
    ]

Answer 2

Answer by Richard Lanham · Jun 05, 2012 at 12:07 AM

Actually, I'm wrong, what you had before was okay. It was missing script tag

<script type='text/javascript' src='/jwplayer/jwplayer.js'></script>

Make sure the src is pointing to correct location of jwplayer.js file.

Here is the longtailvideo guide for this:

http://www.longtailvideo.com/support/jw-player/jw-player-for-flash-v5/18530/embedding-an-rtmp-stream-with-an-html5-fallback

Richard

0 Show 1 · Share

river jack · Jun 04, 2012 at 04:29 PM 0

Share

the src is correct and the player appears. But instead of streaming just the download is offered :(

please give me an working example.

Answer 3

Answer by Richard Lanham · Jun 05, 2012 at 12:38 AM

This means it failed over to that. Test the RTMP connnection and stream name with the Wowza SimpleVideoStreaming player

[install-dir]/examples/SimpleVideoStreaming/client/simplevideostreaming.html

Server: rtmp://xx:1935/live/lq

Stream: mp4:sintel.mp4

You can run Wowza in stand-alone (/bin/startup.bat) mode instead of as a service so you can see log output in the console, which is helpful to debug.

Richard

0 Show 1 · Share

river jack · Jun 04, 2012 at 06:48 PM 0

Share

Failed to play sintel.mp4; stream not found.

server:

INFO session connect-pending x.x.x.151 -

INFO session connect x.x.x.151 -

INFO stream create - -

INFO stream destroy sintel.mp4 -

INFO session disconnect 1342628936 -

Answer 4

Answer by Richard Lanham · Jun 05, 2012 at 01:07 PM

I see the problem, sorry I missed it yesterday: The application is named "live" and the message indicates its StreamType is "live", but you are playing a file. Change the StreamType to "default"

Richard

0 Show 2 · Share

river jack · Jun 05, 2012 at 05:09 AM 0

Share

instead of type: 'html5' ?!

http://www.wowza.com/forums/showthread.php?18609-wowza-stream-to-JW-player-HTML5&p=94732#post94732

Richard Lanham · Jun 07, 2012 at 06:27 PM 0

Share

You can do something like this:

<html>
<body>
<video x-webkit-airplay="allow"
controls width="640" height="360"
src="http://[wowza-address]:1935/vod/mp4:sample.mp4/playlist.m3u8"
autoplay="autoplay" muted="muted"/>
</body>
</html>

Or like this:

<html>
<body>
<video controls src="http://[wowza-address]:1935/vod/sample.mp4/playlist.m3u8"></video>
</body>
</html>

Richard

Answer 5

Answer by Richard Lanham · Jun 05, 2012 at 01:31 PM

I am talking about the StreamType in the Wowza Application.xml. You are doing video on demand (vod) streaming, not live, so follow this guide:

http://www.wowza.com/forums/content.php?35-How-to-play-a-video-on-demand-file

Richard

0 · Share

Answer 6

Answer by Richard Lanham · Jun 05, 2012 at 02:15 PM

What you are showing us is playing a file: sintel.mp4, which is vod (video on demand) streaming. Please follow this guide for video on demand streaming:

http://www.wowza.com/forums/content.php?35-How-to-play-a-video-on-demand-file

For Wirecast follow this guide for live streaming with RTMP encoder (which is what already have setup in the application named "live"):

http://www.wowza.com/forums/content.php?36-How-to-publish-and-play-a-live-stream-(RTMP-based-encoder)

Richard

0 Show 1 · Share

river jack · Jun 05, 2012 at 06:18 AM 0

Share

I let just the download ... directive untouched (sintel.mp4 - its just from the code example!!)

The Livestream is working perfectly via RTSP and via the Jwplayer flash. !!!

Please help me how to get the jwplayer with wowza and html5 to work.

Answer 7

Answer by Richard Lanham · Jun 05, 2012 at 02:22 PM

Follow the vod tutorial to play file. Create a new app named "vod" with StreamType "default", then change streamer, the RTMP url to point to that application

'streamer': 'rtmp://xx:1935/vod'

Richard

0 Show 1 · Share

river jack · Jun 05, 2012 at 09:33 AM 0

Share

the vod app is in the wowza default config included, so I just pointed a wirecast stream to it, called also "lq".

here is the html file:

http://bit.ly/LvoNCU please take a look.

the stream comes from a differenzt server.

I am wondering why my browser (without flash) gos to the download "dummy".

Answer 8

Answer by Richard Lanham · Jun 05, 2012 at 08:31 PM

The latest html is completely messed up. You had it right at first. And it is working correctly, it is failing over to download, because it is not an iOS device and the file sintel.mp4 is not found. The stream failed. I have tested this. Go back to the way you had the html in the very first post, that was correct.

The only problem is that sintel.mp4 does not exist in /conf/vod/Application.xml /StorageDir, which by default is [wowza-install-dir]/content. You will see a file named "sample.mp4" in that location, which plays from your server using the SimpleVideoStreaming example plyayer:

Server: rtmp://stream1.eyb.de:1935/vod

Stream: mp4:sample.mp4

Again, there is nothing wrong with the original html, the problem is the file is missing. You should test with Simple player first.

Richard

0 Show 1 · Share

river jack · Jun 05, 2012 at 12:40 PM 0

Share

Hi Richard,

thanks for quickly replying.

I took now again the code from my first post.

with /vod

http://eyb.de/stream/stream-html5wowzaexample-vod.html

with /live

http://eyb.de/stream/stream-html5wowzaexample.html

On a window maschine with flash its working. On a html5 device still not.

The file samples are confusing: I dont want to stream a file like mp4:sample.mp4 ( these lines are just copy&paste from example codes!)

I want to use the livestream.

I also added

<Property>
	<Name>cupertinoEnableDataEvents</Name>
	<Value>false</Value>
	<Type>Boolean</Type>
</Property></code]
to both vod and live app.
What is still missing?

Answer 9

Answer by Richard Lanham · Jun 05, 2012 at 08:52 PM

Again, you are missing the file, or perhaps there is something wrong with it. You keep asking what is wrong with code and configuration, but it is simply that the file sintel.mp4 is not there, as I have demonstrated; your Wowza application is working and able to playback the Wowza sample.mp4 file that is in the content folder where your file needs to be.

Richard

0 Show 1 · Share

river jack · Jun 05, 2012 at 01:01 PM 0

Share

:-(

What file? I dont need that file. I want to play the livestream, not a file.

In the current html files (stream-html5wowzaexample.html and -vod.html ) there`s also no sintel.mp4

only sintel.jpg but this is because of copy&paste the example code, it has nothing to do with my intention.

Answer 10

Answer by Richard Lanham · Jun 05, 2012 at 09:05 PM

'file': 'sintel.mp4',

Richard

0 Show 1 · Share

river jack · Jun 05, 2012 at 01:18 PM 0

Share

sorry, I couldnt find sintel.mp4 , even with grep in the server directory. maybe you have to clear the browser cache?!

wowza stream to JW player HTML5

20 Replies

Your answer

Follow this Question

Related Questions

Hot Topics

Product Sign-in

Under the Hood

Partners

Company

Stay Connected

Sign Up for Our Blog

Select a Language