• SEARCH
  • DOWNLOADS
  • MY ACCOUNT
  • Buy (0)
  • CONTACT
  • Free Trial
Wowza Logo
  • PRODUCTS
    • Products

      • Wowza ClearCaster
      • Facebook Live appliance
      • Wowza Streaming Cloud
      • Cloud streaming services
      • Wowza Streaming Engine
      • Streaming server software
      • Wowza GoCoder & SDK
      • Mobile capture and encoding app
    • Capabilities

      • CDN
      • Ultra Low Latency
      • SRT
      • Player
      • WebRTC
      • Live Transcoding
      • See All Capabilities
  • DOCS & APIS

      Docs & APIs

      • Getting Started
      • User Guides
      • Technical Articles
      • Video Tutorials
      • API & SDK Docs
  • SOLUTIONS
    • Streaming Types

      • Live Video Streaming
      • Video on Demand
      • Audio-Only Streaming
      • IP Camera Streaming
      • VR and 360° Streaming
      • Chat
    • Industries

      • Broadcast & OTT
      • Education
      • Enterprise
      • Government
      • Live Events
      • Live Sports
      • Religious Organizations
    • Streaming Solutions

      • MediaDS—Integrated Streaming Device
      • Streaming Service Providers
      • Live Mobile Broadcasting
  • PRICING
    • Wowza ClearCaster

      • Facebook Live appliance
      • Starting at $2,995
      • Add to Cart
      • Request a Demo
    • Wowza Streaming Cloud

      • Cloud streaming services
      • Starter Plan: $49/month
      • Add to Cart
      • See All Plans
    • Wowza Streaming Engine

      • Streaming server software
      • Annual Plan: $65/month
      • Add to Cart
      • See All Plans
    • Wowza GoCoder SDK

      • SDK for mobile streaming
      • Talk to a Streaming Expert
      • Contact Us
      • Free Trial
  • RESOURCES

      Resources

      • Blog
      • Case Studies
      • Webinars
      • Videos
      • Podcasts
      • Test Players
      • Developer Tools
  • SUPPORT
    • Support

      • Forums
      • Software Updates
      • Open a Support Ticket
    • Plans & Services

      • Support Plans
      • Advisory Services
      • Live Event Support
  • My Account
  • Buy (0)
  • SEARCH
  • Ask a question
  • Forums
    • Wowza ClearCaster
    • Wowza Streaming Engine
    • Wowza Streaming Cloud
    • Wowza Player
    • Wowza GoCoder SDK
    • Wowza Developer Dojo
    • Topics
    • Questions
    • Users
    • Badges
  • Sign in
  • Community Home /
  • Wowza Streaming Engine /
  • General Forum /
avatar image
Question by Sayne Josh · May 03, 2011 at 05:12 AM ·

Streaming to HTML5 from wowza

Hello,

Do you have any article explaining live streaming and vod to HTML5?

How can I use a Live stream with html5?

Thanks
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

12 Replies

· Add your reply
  • Sort: 
avatar image

Answer by Richard Lanham · May 03, 2011 at 01:19 PM

There are several tutorials for different kinds of live streaming here:

http://www.wowza.com/forums/content.php?4-tutorials

They each cover configuration and playback for iOS (Cupertino) streaming.

The html5 with video tag will be something like this:

<html>
<head> 
  <title>Cupertino Streaming</title>
</head>
<body>
<video controls src="http://[wowza-address]:1935/live/mStream/playlist.m3u8">
</video>
</body>
</html>


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 Sayne Josh · May 03, 2011 at 05:24 AM 0
Share
Thanks Richard. So,this will enable the folks using firefox4,google chrome and IE9 to view live/recorded streams without any Flash plugin right?
avatar image

Answer by Charlie Good · May 04, 2011 at 03:44 AM

We do have a preview of WebM (HTML5 support) here:

http://www.wowza.com/labs.html

We have no definitive date as to when this will be available.

Charlie
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 Sayne Josh · May 04, 2011 at 06:58 AM 0
Share
Thank you Charlie. That really gives me some hopes. But, I'm eagerly waiting for that to get released :)
avatar image

Answer by Richard Lanham · May 03, 2011 at 01:29 PM

No, this won't work in any of those browsers. This work in Safari on iOS devices mostly. The only desktop browser it works in is Safari on Mac OSX Snow Leopard or higher.

Richard
Comment

People who like this

0 Show 3 · 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 Sayne Josh · May 03, 2011 at 05:36 AM 0
Share
Then,how do I stream to those browsers ?

Youtube seems to have this html5 working on their site.I was able to see videos without the flash plugin. How do I enable similar functionality using wowza?
avatar image Arian Amiri · May 04, 2011 at 10:15 AM 0
Share
Does the OS have to be Mac OSX? Can I stream to safari on a windows machine?
avatar image Arian Amiri Arian Amiri · May 04, 2011 at 10:18 AM 0
Share
Also does this work for VOD?
avatar image

Answer by Richard Lanham · May 03, 2011 at 01:44 PM

Streaming to desktop browsers using Wowza requires Flash or Silverlight plugin.

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 Sayne Josh · May 03, 2011 at 05:47 AM 0
Share
Does wowza plan to support html5 for browsers in the future?

If so,is there a beta version available which I can try?

Thanks
avatar image

Answer by Richard Lanham · May 03, 2011 at 01:48 PM

There is no short-term plan to support html video tag in other browsers.

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 · May 04, 2011 at 04:45 PM

If you are referring to Cupertino streaming, only the only desktop browser that is supported is Safari on Mac OSX Snow Leopard or higher. vod and live both work.

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 Hristina Bosilkovska · Jun 14, 2011 at 09:21 AM 0
Share
We use the following code:

<html>
<head> 
  <title>Cupertino Streaming</title>
</head>
<body>
<video controls src="http://[wowza-address]:1935/live/mStream/playlist.m3u8">
</video>
</body>
</html>


The link to stream on IOs is the following:

http://[wowza-address]:1935/live/myStream.sdp/playlist.m3u8


We added an alias (and uncommented the alias tags in the Application.xml)

mStream=myStream.sdp


But we get the error:

Stream alias access denied mStream.
at live.html, and

The video could not be loaded, either because the server or network failed or because the format is not supported.
, respectively

e.target.error.MEDIA_ERR_SRC_NOT_SUPPORTED


at IOs devices.

We use Flash media encoder.

How can we fix this problem?

Thanks in advance
avatar image

Answer by Richard Lanham · Jun 14, 2011 at 01:33 PM

First, why bother with StreamNameAlias in this case? If you are publishing a stream named "myStream.sdp", play that stream.

If you are using push encoder (eg fmle), you don't need to use StreamManager. The stream alias map files run when you use StreamManager. You can use play alias map file.

Also, the StreamNameAlias system resolves the first match in an alias map file. You have two "mStream" rules, the 2nd one is unreachable.

I don't understand the last rule in your stream alias map file.

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 Hristina Bosilkovska · Jun 14, 2011 at 04:02 PM 0
Share
At first, thanks for the reply.

When I use the code this way:

<html>
<head>
  <title>Cupertino Streaming</title>
</head>

<body>
<video controls src="http://[wowza-address]:1935/live/[B]myStream.sdp[/B]/playlist.m3u8">
</video>

</body>
</html>


I get the following error:

e.target.error.MEDIA_ERR_DECODE


repectively

The video playback was aborted due to a corruption problem or because the video used features your browser did not support
avatar image

Answer by Richard Lanham · Jun 14, 2011 at 03:17 PM

First remove the StreamNameAlias package.

In your encoder, make sure you have select Format h.264, then click little wrench icon next to format and select Baseline 3 profile. If MP3 audio, make it Stereo 44100Hz.

Make the Stream name "myStream.sdp"

Configure an a live application following this tutorial, and make sure you follow the Cupertino configuration steps:

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

Then test in Flash with Wowza example LiveVideoStreaming:

Server: rtmp://[wowza-address]:1935/live

Stream: myStream.sdp

Then test in iOS device.

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 Hristina Bosilkovska · Jun 14, 2011 at 04:42 PM 0
Share
Thanks for the quick reply.

I recently have reinstalled the encoder because of some problems with the aac

license and I did not check that the encoder was not set to h.264 Format.

Thanks again.
avatar image

Answer by Richard Lanham · Jun 14, 2011 at 03:48 PM

Great. Thanks for the update

Richard
Comment

People who like this

0 Show 3 · 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 ZUP DAA · Feb 12, 2012 at 01:10 PM 0
Share
Any updates for this? (wowza server 2/3)

The only way to use html5 video tag for streaming is to use iOS devices or safari on mac? It's not possible on windows at all?
avatar image Randall Auriemma ZUP DAA · Feb 12, 2012 at 02:02 AM 0
Share
That is correct. There's some discussion here: http://www.wowza.com/forums/showthread.php?16805-Live-streaming-and-HTML5

And here: http://www.wowza.com/forums/showthread.php?7532-HTML5-Support-for-video-playback&p=86151&highlight=#post86151
avatar image Jason Chan Randall Auriemma · Jan 22, 2013 at 01:23 PM 0
Share
First remove the StreamNameAlias package.

In your encoder, make sure you have select Format h.264, then click little wrench icon next to format and select Baseline 3 profile. If MP3 audio, make it Stereo 44100Hz.

Make the Stream name "myStream.sdp"

Configure an a live application following this tutorial, and make sure you follow the Cupertino configuration steps:

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

Then test in Flash with Wowza example LiveVideoStreaming:

Server: rtmp://[wowza-address]:1935/live

Stream: myStream.sdp

Then test in iOS device.

Richard


I tried the code

<video controls="controls">			
<source src="http://localhost:1935/live/myStream/playlist.m3u8"/>
</video>


It works fine for the test in Flash with Wowza example LiveVideoStreaming, but for some reason I can't play it through an iOS device. It just shows the player with a crossed out play button.

I've followed all the instructions with regards to the fmle encoder and the wowza streaming setup. Is there something I've missed?
avatar image

Answer by Richard Lanham · Jan 22, 2013 at 06:59 PM

You can't use "localhost", it has to be the IP or domain name of the server running Wowza.

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 Jason Chan · Jan 22, 2013 at 02:08 PM 0
Share
Thanks a bunch! It works perfectly now.
avatar image Rodrigo Blanc Jason Chan · May 16, 2013 at 04:07 PM 0
Share
Have any version available for this today?

It's possible streaming to others desktop browsers now, or the only way to use html5 audio/video tag for streaming is to use iOS devices or safari on mac?

Thanks.
  • 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

7 People are following this question.

avatar image avatar image avatar image avatar image avatar image avatar image avatar image

Related Questions

Mp4 stream recorded with live-record has wrong duration 4 Answers

Playback erors 2 Answers

Wowza Media Server 3 stops working automatically 15 Answers

Wowza web streaming Server? 4 Answers

Direct URL to video with out using embeded player 1 Answer

Hot Topics
  • AWS Hosting
  • Mobile SDK
  • 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
Resellers
  • Find a Reseller
  • Reseller Portal
  • Become a Reseller
Company
  • About Us
  • Blog
  • News
  • Events
  • Careers
  • Customers
  • Partners
  • Contact Us
Stay Connected
Get Monthly Newsletter
Select a Language
  • English
    • English
    • Español
    • 日本語
    • 한국어
    • हिन्दी भाषा
    • 中文
    • русский язык

© 2005–2018 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
  • Wowza Streaming Engine
  • Wowza Streaming Cloud
  • Wowza Player
  • Wowza GoCoder SDK
  • Wowza Developer Dojo
  • Explore
  • Topics
  • Questions
  • Users
  • Badges