Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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!

like image 507
Dimitrina Stoyanova Avatar asked Oct 14 '16 14:10

Dimitrina Stoyanova


People also ask

Can HTML5 play video?

Websites built with HTML5 can use several different streaming protocols to play video, including HTTP live streaming (HLS) and MPEG-DASH. This is configured on the server side, not in the HTML markup code.

What is HTML5 video streaming?

HTML5 was an open standard that Apple highly supported. It was a new version of HTML that allowed you to natively play audio and video files on the web without requiring any plugin. This was made possible through the Media Source Extension (MSE) which removed the need for a plugin.

Does HTML5 support RTMP?

HTML5 video players utilize the HLS streaming protocol and cannot be used with RTMP.


3 Answers

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!

like image 156
Dimitrina Stoyanova Avatar answered Sep 22 '22 22:09

Dimitrina Stoyanova


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.

like image 24
Reinhard Grandl Avatar answered Sep 22 '22 22:09

Reinhard Grandl


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

like image 20
pattyland Avatar answered Sep 25 '22 22:09

pattyland