24

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!

Dimitrina Stoyanova
  • 439
  • 1
  • 3
  • 7
  • Moreover, what are the specific parameters of the problem you're trying to solve? What is the source? How many people will watch it? What are your latency requirements? What platforms are you targeting? These are basic questions about what you want to do which you must answer before choosing technologies. – Brad Oct 15 '16 at 00:11
  • Both sides, the recording and viewing one can be done using WebRTC, These days Browsers have pretty good Support for it. E.g. https://simplewebrtc.com/ – Harry Nov 19 '17 at 17:32
  • 4
    I think the question is Ok. Not sure why there is a negative attitude in some of the other comments. I'm trying to do a similar thing myself. For hosting you could take a look at Azure media services. https://azure.microsoft.com/en-au/services/media-services/ – CYoung Nov 22 '17 at 22:10

5 Answers5

9

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!

Dimitrina Stoyanova
  • 439
  • 1
  • 3
  • 7
  • 1
    and here: https://www.wowza.com/products/capabilities/webrtc-streaming-software : ) – Dimitrina Stoyanova Oct 18 '16 at 09:23
  • I have ran into a similar requirement and would love to pick your brain if you have come to a solution that works? Did you build a website the successfully streams from client to client? Was it a live stream or just a recording? – po10cySA Dec 02 '17 at 13:58
7

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.

Reinhard Grandl
  • 71
  • 3
5

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

Community
  • 1
  • 1
pattyland
  • 84
  • 1
  • 3
  • 2
    Is this really streaming or only downloading the video to somewhere and playing it? – Mohammed Noureldin Aug 14 '18 at 21:57
  • 1
    This is indeed streaming, and browser compatibility seems to be pretty good now in 2022 according to [Mozilla.org](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video#browser_compatibility) – jk7 May 28 '22 at 21:29
3

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.

Endios
  • 51
  • 2
  • The question clearly says: "I want the video record to **appear on my web page**". **Not** on YouTube. –  Mar 01 '22 at 17:50
0

You can use IceCast2 for streaming server in OGG format and broadcast a video or audio stream with VLC or FFMPEG

IceCast2

Ronald Coarite
  • 4,460
  • 27
  • 31