How Does Live Streaming Platform Work? (YouTube live, Twitch, TikTok Live) 

I can relate to this..

There is surprisingly little content on exactly how this works from a system design perspective

There are many youtubers who have explained it in much more depth and with easy to understand approach

This is literally what just happened to me lol

Soon I'll start live streaming, and start from scratch, trying to build a SaaS product that consists out of multiple microservices. Running in a Kubernetes cluster in docker instances on AWS using Terraform, Github Actions, different backend languages/frameworks, trying to combine everything and show what that hassle of that process is, which walls you'll run into and how to solve each problem as elegant as possible. Disclaimer: I'll try to avoid any type of JS in de backend ;)

@@tpotjj2979 cool, where can we find it?

@@barnabaslada-hartyani8998 Last week I've released my "first video" on my channel. It was my first livestream and first video edit, so thing where a bit messy, don't mind the quality of it at the moment. Next two weeks I have vacation, bought a new Macbook and a video editing course, so I hope that quality will increase a lot as well as my streaming schedule! YT: ru-vid.com/show-UCSBbWhPHNiIs8VgLzW3s-Bg Twitch: www.twitch.tv/tpotjj

@@tpotjj2979 awesome, keep up the good work bro

@@barnabaslada-hartyani8998 thanks for subscribing! Long way to go, just have to put in the work next couple of weeks.

that is crazy considering he only have 18 videos in total

@@luv2stack RIGHT!?

is a quantum perfection no?

We are all learning how to make quality videos as we go. It takes a team. Our editors on illustration and animation are awesome, we have to say...

I am also curious what software is used to create those animations ?

Powerpoint

Thank you. Adobe illustrator and after effects

That's a good idea. We will definitely do that at some point.

@@ByteByteGo Great ! Looking forward to it !

We have some talented editors for illustration and animation, with the help of tools like Adobe After Effects, Adobe Illustrator.

We have some talented editors for illustration and animation, with the help of tools like Adobe After Effects, Adobe Illustrator.

It takes a team. We have some talented editors for illustration and animation, with the help of tools like Adobe After Effects, Adobe Illustrator, etc. Each video takes many hours to make.

@@ByteByteGo ohh that’s crazy :) Any tool suggestions for creating a nice presentation similar to what you do? I wanna do something for my job, but don’t wanna go to crazy with video editors :)

Thank you. Adobe illustrator and after effect.

@@ByteByteGo With the amount of people asking what you you use to make these animations (myself included), there might be a market out there tailored to system diagrams animations for those without graphics design background. I know I would pay for such a service.

What is the latency now, and how low do you need to go?

@@ByteByteGo there's a massive delay of 11-18secs delay and i am looking at how to get it to 5-7 secs at the very least

No, but both are UDP-based.

@@ByteByteGo Yes, this is why I asked. Curious to know if there is some natural convergence between those two protocols.

For live streaming, we believe the answer is yes. Both HLS and DASH are based on HTTP. If and when they are updated to support HTTP/3, then we can probably say that they use UDP, since HTTP/3 uses QUIC and QUIC is built on UDP. We have a video on HTTP/3 and QUIC: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-a-sBfyiXysI.html

It is similar. The main difference is that there isn't the same latency constraint so more time can be spent during the video processing stage to improve compression/quality and it's likely that a a different protocol is used on the ingestion side.

Thank you for the suggestion. We will put it on the list. Is there a particular area of CDN you would want to know about?

@@ByteByteGo I want to know 1. How is the closest CDN server chosen by the client 2. Caching strategy in a CDN 3. How to stop unauthorised users from accessing secure content

Yes, it is on our list.

@@ByteByteGo Thankyou so much for the update and also for the quality videos you make🙏🏻🙏🏻🙏🏻

Not sure if it is simpler. It sounds like a lot of work. 😂 Here's another angle. Many streamers prefer to use their own favorite encoder, with OBS being a prime example. Having our own custom protocol would limit that.

Could be, but it has some potential simplifications. For example: In some scenarios (1:1), the quality may be requested by the client and the server-side transcoding can be omitted (almost) entirely. In most cases the number of necessary quality formats is lower and can be adjusted on the fly. Video calling also does not benefit from any CDN caching and can skip this step entirely. Basically: Video calling is just video streaming, but with a few potential optimisations due to the lower number of viewers.

Great question. Live streaming and video conferencing/calling implementations are quite different. Video conferencing could be an interesting video. The main difference is scale. Living streaming is 1-to-many, where the many could be in the millions. Video conferencing maxes out in the low hundreds, and the experience at that scale is not very good. Also, video conferencing is bi-directional. That imposes a different set of design constraints. To learn more about video conferencing, start with terms like WebRTC, SFU, and MCU.

@@ByteByteGo Thank you! I am learning how WebRTC works. Yes, it would be great if you make video or blog about video conferencing.

Using Adobe After Effects for sure.

@@ibrahimkhurshid4339 Maybe! Some people script their videos, like 3b1b. But I assume that's inefficient for this kind of content

With video processing!

I would love to know this as well. Visualisation and animations in this video are amazing.

@@ibrahimkhurshid4339 is those effects available from the box there or you need to buy/animate by youeself all that fancy appearing icons?

No, not in our two books.

I respectfully disagree. Even as a North American native English speaker, Sahn’s narration is one of the main reasons why I love this content. If the channel used a fully-polished professional narrator, I would probably stop watching. Other professionally-narrated “talk over” explainer videos make me lose focus very quickly. Sahn’s accent is unique and casual, and yet also simple and clear. Even though he is reading from a script, it’s not annoying or bland. Instead, it comes across as “even” and “steady”, which is exactly what you want for this type of content. This is a very difficult balance to pull off. I also appreciate his “talking head” in the corner, as it gives the viewer another location to “rest” their eyes from the topic being animated. Again, simple without being distracting. As a leaner, I don’t want to be smothered by professionalism; I want to remain engaged in the topic, which I think the team achieves very well.