CODEWITHSUNDEEP
javascripthtmlwebrtc
nhong
nhong

Reputation: 145

How does Youtube/Facebook live stream from web browser works

I'm looking at a way to implement video encoder using web browser. Youtube and Facebook already allow you to go live directly from the web browser. I'm wondering how do they do that?

There are a couple of solutions I've researched:

Is there any other tech to implement this that those guys (YouTube, Facebook) are using? Or they also use one of these things?

Thanks

Upvotes: 7

Views: 4797

Answers (2)

Philipp Hancke
Philipp Hancke

Reputation: 17295

WebRTCHacks has a "how does youtube use webrtc" post here which examines some of the technical details of their implementation.

In addition one of their engineers gave a Talk at WebRTC Boston describing the system which is available on Youtube

Upvotes: 6

Brad
Brad

Reputation: 163240

Correct, you've hit on two ways to do this. (Note that for the MediaRecorder method, you can use any other method to get the data to the server. Web Sockets is one way... so is a regular HTTP PUT of segments. Or, you could even use a data channel of a WebRTC connection to the server.)

Pretty much everyone uses the WebRTC method, as there are some nice built-in benefits:

  • Low latency (at the cost of some quality)
  • Dynamic bitrate
  • Well-optimized on the client
  • Able to automatically scale output if there are not enough system resources to continue encoding at a higher frame size

The downsides of the WebRTC method:

  • Ridiculously complicated stack to maintain server-side.
  • Lower quality (due to emphasis on low latency, BUT you can tweak this by fiddling with the SDP yourself)

If you go the WebRTC route, consider gstreamer. If you want to go the Web Socket route, I've written a proxy to receive the data and send it off to FFmpeg to be copied over to RTMP. You can find it here: https://github.com/fbsamples/Canvas-Streaming-Example

Upvotes: 3

Related Questions