Live video streaming with HTML 5?

问题:

I want to make live video streaming. For example there is discussion. And somebody is recording it. I want the video record to appear on my web page. I want to do this with HTML 5. I don't know if it's possible, but has anyone tried ? Thank you in advance!

回答1:

To generate a state of the art live stream with good quality of experience, I recommend to make use of adaptive streaming technologies like MPEG-DASH or HLS.

Utilizing Youtube's live streaming feature is definitely one (good) option. If you prefer a more controllable solution, you can use live streaming services, like Wowza or Bitmovin, which offer Encoding as well as HTML5 based playout solutions.

回答2:

I'm sorry, I wasn't clear enough in my question. I was thinking to use HTML 5 and JS instead of flash and other software products. I found my solution here: https://davidwalsh.name/browser-camera and here : http://recordrtc.org/ . Thank you all for your help!

回答3:

A few browsers can display a HTTP Stream right in the HTML5 <video> tag

<video src="http://example.com/stream.m3u8">

You should built fallbacks for the other ones... View this answer too: https://stackoverflow.com/a/22001830/2874523

回答4:

You need an intermediary server like flashphoner. Here you can read article how to stream video from HTML5 page to YouTube live using the gateway software.

Long story short you have to convert your HTML5 (WebRTC) stream into RTMP stream acceptable by Youtube Live.

回答5:

I wouldn't reccomend using your own server unless you have either

• A small audience

  or

• A really buffed up server

Why?

Because of how web servers and web hosting works people may not get the best experience. With that said, I reccomend using Youtube, then embedding say you are scheduling a live stream tomorrow, well 10 min before you go live I would create the live stream page and embed the video, while it still may use some of your hosting resources it is still going to be on your website.

As far as being responsive I believe if you use the Youtube Embed (uses Iframes) it is very responsive. Just be sure to have your view ports set or use media queries.