• SEARCH
  • DOWNLOADS
  • MY ACCOUNT
  • Buy (0)
  • CONTACT
  • Free Trial
Wowza Logo
  • PRODUCTS
  • DEVELOPER
  • SOLUTIONS
  • PRICING
  • RESOURCES
  • SUPPORT
  • My Account
  • Buy (0)
  • SEARCH
  • Ask a question
  • Forums
    • Wowza ClearCaster Pro
    • Wowza Streaming Engine
    • Wowza Streaming Cloud
    • Wowza Player
    • Wowza GoCoder SDK
    • Wowza Developer Dojo
    • Topics
    • Questions
    • Articles
    • Users
    • Badges
  • Sign in
  • Community Home /
  • Wowza Streaming Engine /
  • Media Players and Devices /
avatar image
Question by river jack · Jun 04, 2012 at 03:08 PM · media players and devices

wowza stream to JW player HTML5

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!
Comment

People who like this

0 Show 0
10 |600 characters needed characters left characters exceeded
▼
  • Viewable by all users
  • Viewable by moderators
  • Viewable by moderators and the original poster
  • Advanced visibility
Viewable by all users

20 Replies

· Add your reply
  • Sort: 
avatar image

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
Comment

People who like this

0 Show 1 · Share
10 |600 characters needed characters left characters exceeded
▼
  • Viewable by all users
  • Viewable by moderators
  • Viewable by moderators and the original poster
  • Advanced visibility
Viewable by all users
avatar image 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'
          }
        }
    ]
avatar image

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
Comment

People who like this

0 Show 1 · Share
10 |600 characters needed characters left characters exceeded
▼
  • Viewable by all users
  • Viewable by moderators
  • Viewable by moderators and the original poster
  • Advanced visibility
Viewable by all users
avatar image 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.
avatar image

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
Comment

People who like this

0 Show 1 · Share
10 |600 characters needed characters left characters exceeded
▼
  • Viewable by all users
  • Viewable by moderators
  • Viewable by moderators and the original poster
  • Advanced visibility
Viewable by all users
avatar image 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 -
avatar image

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
Comment

People who like this

0 Show 2 · Share
10 |600 characters needed characters left characters exceeded
▼
  • Viewable by all users
  • Viewable by moderators
  • Viewable by moderators and the original poster
  • Advanced visibility
Viewable by all users
avatar image 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
avatar image 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
avatar image

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
Comment

People who like this

0 Show 0 · Share
10 |600 characters needed characters left characters exceeded
▼
  • Viewable by all users
  • Viewable by moderators
  • Viewable by moderators and the original poster
  • Advanced visibility
Viewable by all users
avatar image

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
Comment

People who like this

0 Show 1 · Share
10 |600 characters needed characters left characters exceeded
▼
  • Viewable by all users
  • Viewable by moderators
  • Viewable by moderators and the original poster
  • Advanced visibility
Viewable by all users
avatar image 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.
avatar image

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
Comment

People who like this

0 Show 1 · Share
10 |600 characters needed characters left characters exceeded
▼
  • Viewable by all users
  • Viewable by moderators
  • Viewable by moderators and the original poster
  • Advanced visibility
Viewable by all users
avatar image 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".
avatar image

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
Comment

People who like this

0 Show 1 · Share
10 |600 characters needed characters left characters exceeded
▼
  • Viewable by all users
  • Viewable by moderators
  • Viewable by moderators and the original poster
  • Advanced visibility
Viewable by all users
avatar image 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?
avatar image

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
Comment

People who like this

0 Show 1 · Share
10 |600 characters needed characters left characters exceeded
▼
  • Viewable by all users
  • Viewable by moderators
  • Viewable by moderators and the original poster
  • Advanced visibility
Viewable by all users
avatar image 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.
avatar image

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

'file': 'sintel.mp4',


Richard
Comment

People who like this

0 Show 1 · Share
10 |600 characters needed characters left characters exceeded
▼
  • Viewable by all users
  • Viewable by moderators
  • Viewable by moderators and the original poster
  • Advanced visibility
Viewable by all users
avatar image 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?!
  • 1
  • 2
  • ›

Your answer

Hint: You can notify a user about this post by typing @username

Up to 2 attachments (including images) can be used with a maximum of 524.3 kB each and 1.0 MB total.

Follow this Question

Answers Answers and Comments

4 People are following this question.

avatar image avatar image avatar image avatar image

Related Questions

udp or interleave? 1 Answer

JavaFX media player not working over HLS 1 Answer

Wowza secure streaming using Flowplayer 4 Answers

Web Player supported to all devices 1 Answer

Which video player do you use for live streaming ? 6 Answers

Hot Topics
  • Streaming Protocols
  • Wowza SDKs
  • AWS Hosting
  • Deployment Options
  • Load Balancing
  • Content Security
Product Sign-in
  • Wowza Streaming Cloud
  • Wowza Player
Under the Hood
  • Developer Tools
  • Wowza System Status
  • Test Players
  • Developer IDE
Partners
  • Partners Overview
  • Find a Reseller
  • Channel Partner Program
  • OEM Program
  • Wowza Reseller Portal
Company
  • About Us
  • Blog
  • News
  • Events
  • Careers
  • Customers
  • Contact Us
Stay Connected
Sign Up for Our Blog
Select a Language
  • English
    • English
    • Español
    • 日本語
    • 한국어
    • हिन्दी भाषा
    • 中文
    • русский язык

© 2005–2019 Wowza Media Systems, LLC. All rights reserved.   Terms | Privacy | Trademarks | Legal


Enterprise
Social Q&A

  • Anonymous
  • Sign in
  • Create
  • Ask a question
  • Create an article
  • Forums
  • Wowza ClearCaster Pro
  • Wowza Streaming Engine
  • Wowza Streaming Cloud
  • Wowza Player
  • Wowza GoCoder SDK
  • Wowza Developer Dojo
  • Explore
  • Topics
  • Questions
  • Articles
  • Users
  • Badges