No video

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

  Рет қаралды 185,725

ByteByteGo

ByteByteGo

Күн бұрын

Weekly system design newsletter: bit.ly/3tfAlYD
Checkout our bestselling System Design Interview books:
Volume 1: amzn.to/3Ou7gkd
Volume 2: amzn.to/3HqGozy
ABOUT US:
Covering topics and trends in large-scale system design, from the authors of the best-selling System Design Interview series.

Пікірлер: 130
@NavidMahbub
@NavidMahbub Жыл бұрын
Imagine you are doing R & D on a topic for the last few days and you are drowning. Then your fav youtuber came with a boat. That's happened right now. Thanks Man
@lathan8486
@lathan8486 Жыл бұрын
I can relate to this..
@vaughnsmith5337
@vaughnsmith5337 Жыл бұрын
There is surprisingly little content on exactly how this works from a system design perspective
@akshaykmalik
@akshaykmalik 5 ай бұрын
There are many youtubers who have explained it in much more depth and with easy to understand approach
@JulianA-rm4ry
@JulianA-rm4ry 4 ай бұрын
This is literally what just happened to me lol
@anirudh7137
@anirudh7137 25 күн бұрын
​@@akshaykmalik can you suggest few names? I am looking to learn more on this
@ReflectionOcean
@ReflectionOcean Жыл бұрын
Video capture --(RTMP)--> PoP Server -> Transcoding / Segmentation -> Packaging -> CDN distribution / Caching
@deepalmoon
@deepalmoon Жыл бұрын
Right on the money. No BS! No Hype! No extraneous info. Just get's to the point with clear graphics. 5 minutes and done. Beautifull!
@barnabaslada-hartyani8998
@barnabaslada-hartyani8998 Жыл бұрын
I would love to see architectures of Saas startups' software. Evolution of the architecture, how to scale. Thanks for your videos, there is a lot to learn from them.
@tpotjj2979
@tpotjj2979 Жыл бұрын
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 ;)
@barnabaslada-hartyani8998
@barnabaslada-hartyani8998 Жыл бұрын
@@tpotjj2979 cool, where can we find it?
@tpotjj2979
@tpotjj2979 Жыл бұрын
@@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: kzfaq.info/love/SBbWhPHNiIs8VgLzW3s-Bg Twitch: www.twitch.tv/tpotjj
@barnabaslada-hartyani8998
@barnabaslada-hartyani8998 Жыл бұрын
@@tpotjj2979 awesome, keep up the good work bro
@tpotjj2979
@tpotjj2979 Жыл бұрын
@@barnabaslada-hartyani8998 thanks for subscribing! Long way to go, just have to put in the work next couple of weeks.
@QuantumImperfections
@QuantumImperfections Жыл бұрын
I love this channel. Last night I was literally asking: "I wonder what the architecture of a live streaming platform is" and BAM!
@luv2stack
@luv2stack Жыл бұрын
that is crazy considering he only have 18 videos in total
@QuantumImperfections
@QuantumImperfections Жыл бұрын
@@luv2stack RIGHT!?
@chaoluncai4300
@chaoluncai4300 Жыл бұрын
is a quantum perfection no?
@lathan8486
@lathan8486 Жыл бұрын
Very efficient description of live video streaming I have seen so far. It's amazing how you covered this topic in about 5 mins
@bemmi3742
@bemmi3742 Жыл бұрын
I love that these are "bite sized" at around 5m - I can always make a point of fitting them in even on a busy day, and they're always worthwhile :)
@RetroSpectrum7
@RetroSpectrum7 Жыл бұрын
What software do you use to make these presentations? They're very slick! Somebody get this guy a raise!
@sponge2098
@sponge2098 Жыл бұрын
I am also curious what software is used to create those animations ?
@iPoopDinosaurs
@iPoopDinosaurs Жыл бұрын
Powerpoint
@ByteByteGo
@ByteByteGo Жыл бұрын
Thank you. Adobe illustrator and after effects
@mrpedaller
@mrpedaller 10 ай бұрын
🎯 Key Takeaways for quick navigation: 00:07 📹 Live streaming faces challenges due to real-time internet transmission and compute-intensive video processing. 01:07 🌐 Encoders package video streams using protocols like RTMP, while newer options like SRT promise lower latency and network resilience. 02:06 🌍 Point-of-presence servers are used to optimize upload conditions for streamers and ensure fast transmission to the platform. 02:35 🔄 Adaptive bitrate streaming allows video players to adjust quality based on viewer's internet connection, and transcoding converts video streams into different resolutions. 03:38 📦 Popular live-streaming formats include HLS and DASH, with HLS being the most widely used format, consisting of manifest files and video chunks. 04:38 ⌛ Achieving lower latency may require sacrificing video quality, and some platforms offer options for streamers to adjust interactivity and quality. Made with HARPA AI
@jasmindersingh7513
@jasmindersingh7513 Жыл бұрын
Very informative videos from your channel. Thank you to you and your team who make so much effort with different tools and spend hours just for a short video. Another appreciable point is you read the comments on your videos and reply every question by viewers.
@ByteByteGo
@ByteByteGo Жыл бұрын
Please subscribe if you learned something new.! Thank you. Tools we use: Adobe after effects and illustrator
@peterstedman6140
@peterstedman6140 Жыл бұрын
Besides the polished script, I gotta compliment the art design and pacing for these videos. 10/10
@MeghadityaRoyChaudhury
@MeghadityaRoyChaudhury Жыл бұрын
This is amazing content. Thanks for making such high quality content available for free.
@pieter5466
@pieter5466 Жыл бұрын
Segmentation and transcoding are key. I had always wondered how you'd deal with various resolutions and bitrates, and how you'd chop up a video in smaller pieces.
@thecoderfromabove4176
@thecoderfromabove4176 Жыл бұрын
I ve been waiting for a channel like that for such a while thank u so much
@javisartdesign
@javisartdesign Жыл бұрын
You make it so simple man!! thanks for share this knowledge
@ByteByteGo
@ByteByteGo Жыл бұрын
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...
@10e999
@10e999 Жыл бұрын
Fantastic channel. I would be interested in how to design an IoT telemetry system. It would be an interesting opportunity to explore time series databases.
@ByteByteGo
@ByteByteGo Жыл бұрын
That's a good idea. We will definitely do that at some point.
@10e999
@10e999 Жыл бұрын
@@ByteByteGo Great ! Looking forward to it !
@pankajmahanta7493
@pankajmahanta7493 Жыл бұрын
Wow that was a really smooth presentation on the topic
@akashmishra9127
@akashmishra9127 Жыл бұрын
Appreciated your content, I couldn't stop your video once started to watch it. But please try making a more details Video, explaining more about the components. Thanks.
@theinhumaneme
@theinhumaneme Жыл бұрын
This is an Amazing Explaination Thank you for the video :D
@IrfanKamil
@IrfanKamil Жыл бұрын
geez the explanation is superb! thanks! keep up the good work!
@evandroLG2
@evandroLG2 Жыл бұрын
It's a gem! Thanks for sharing! :)
@RomyIlano
@RomyIlano 7 ай бұрын
beautiful diagrams! 🕺 and great explanations
@ThanhNguyen-ru6re
@ThanhNguyen-ru6re Жыл бұрын
Great Explanation. Thank you for the video!!!!
@alexmadnix
@alexmadnix 6 ай бұрын
Great video as always
@morenoh149
@morenoh149 Жыл бұрын
Saas for managing company workflows would be great!
@freedom_egg
@freedom_egg Жыл бұрын
Precisely and simple speaking. I have spend a few minutes everyday to watch. Can I ask what is your tool yo create such pretty presentation?
@ByteByteGo
@ByteByteGo Жыл бұрын
Thank you. Adobe illustrator and after effect.
@verb0ze
@verb0ze Жыл бұрын
@@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.
@danielmichalski2436
@danielmichalski2436 Жыл бұрын
Such great quality videos! ❤
@priyanka971990
@priyanka971990 5 ай бұрын
Thanks for this video. How do we implement the feature of playing video watched on one device to start exactly where we left on another like KZfaq? Especially where and how do we store that data?
@MrSidShah
@MrSidShah Жыл бұрын
This was a really good overview. thanks
@john.dough.
@john.dough. Жыл бұрын
Thank you for such a high quality video
@hassaanhameed
@hassaanhameed Жыл бұрын
much helpful videos content as a computer science student... keep going ❤❤👍👍👏
@bsb770
@bsb770 Жыл бұрын
Very nicely represented and done.
@vedantamitpandya
@vedantamitpandya Жыл бұрын
Which platform did he use to design this flow?
@moheenakhtar1211
@moheenakhtar1211 7 ай бұрын
thanks for sharing, very informative. 🙂
@aus10d
@aus10d Жыл бұрын
very interesting. thanks for this good explanation
@socomajor
@socomajor Жыл бұрын
How does the CDN delivers the content so fast to clients all over the world? That's the question I had in mind, but was not answered unfortunately. The rest of the process is interesting also, but I would have imagined something like that. How the CDN achieves such latency all over the world is a mystery to me
@dhirajnavale3861
@dhirajnavale3861 Жыл бұрын
Can you please make a detailed video on GraphQL too🙏🏻🙏🏻🙏🏻
@ByteByteGo
@ByteByteGo Жыл бұрын
Yes, it is on our list.
@dhirajnavale3861
@dhirajnavale3861 Жыл бұрын
@@ByteByteGo Thankyou so much for the update and also for the quality videos you make🙏🏻🙏🏻🙏🏻
@cbhansingh1
@cbhansingh1 Жыл бұрын
Thanks for great content ! Does anyone know, which software/tool is being used to make these videos/animation ?
@ByteByteGo
@ByteByteGo Жыл бұрын
We have some talented editors for illustration and animation, with the help of tools like Adobe After Effects, Adobe Illustrator.
@vinodbhashkar6789
@vinodbhashkar6789 9 ай бұрын
Thanks
@akshaynanavare2606
@akshaynanavare2606 Жыл бұрын
Awesome video 👌🏻
@DavidsKanal
@DavidsKanal Жыл бұрын
How do you animate your videos? 😱
@ibrahimkhurshid4339
@ibrahimkhurshid4339 Жыл бұрын
Using Adobe After Effects for sure.
@DavidsKanal
@DavidsKanal Жыл бұрын
@@ibrahimkhurshid4339 Maybe! Some people script their videos, like 3b1b. But I assume that's inefficient for this kind of content
@manofsteel110
@manofsteel110 Жыл бұрын
With video processing!
@Joedoe-un6kg
@Joedoe-un6kg Жыл бұрын
I would love to know this as well. Visualisation and animations in this video are amazing.
@vlkf
@vlkf Жыл бұрын
@@ibrahimkhurshid4339 is those effects available from the box there or you need to buy/animate by youeself all that fancy appearing icons?
@LHMATIAS
@LHMATIAS 10 ай бұрын
I loved the content. What do you use to edit the video? what do you use for the animations?
@tyaguvg
@tyaguvg Жыл бұрын
Thank you so much for such a great lesson/video. May I know what tool r u using for this graphic/video?
@Glueckslottofee
@Glueckslottofee Жыл бұрын
May I ask what tool you use to create the schematics and stuff in your videos?
@ByteByteGo
@ByteByteGo Жыл бұрын
We have some talented editors for illustration and animation, with the help of tools like Adobe After Effects, Adobe Illustrator.
@Bluesmansrv2
@Bluesmansrv2 Жыл бұрын
Very good! Thank you
@nguyenvanhiep6006
@nguyenvanhiep6006 Жыл бұрын
Very useful. Thank you
@marcoselvatici7937
@marcoselvatici7937 Жыл бұрын
Great content, keep it up!
@yldz9435
@yldz9435 Жыл бұрын
Great video
@tzookbarnoy
@tzookbarnoy Жыл бұрын
Hey Alex What are you using for creating these slideshows?? Looks amazing!
@ByteByteGo
@ByteByteGo Жыл бұрын
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.
@tzookbarnoy
@tzookbarnoy Жыл бұрын
@@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 :)
@kali786516
@kali786516 5 ай бұрын
What technology did you used to build the presentation?
@arjunjadeja6112
@arjunjadeja6112 Жыл бұрын
Is Live-streaming same as video calling? If not what's the difference?
@muizzy
@muizzy Жыл бұрын
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.
@ByteByteGo
@ByteByteGo Жыл бұрын
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.
@arjunjadeja6112
@arjunjadeja6112 Жыл бұрын
@@ByteByteGo Thank you! I am learning how WebRTC works. Yes, it would be great if you make video or blog about video conferencing.
@juamsv
@juamsv Жыл бұрын
thank you brother.
@shantanushekharsjunerft9783
@shantanushekharsjunerft9783 Жыл бұрын
Could you do a presentation on how CDN works.
@ByteByteGo
@ByteByteGo Жыл бұрын
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?
@anupamgh0sh
@anupamgh0sh Жыл бұрын
@@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
@d-shiri
@d-shiri Жыл бұрын
Would you please make a video about how Jenkins works?
@japananh1
@japananh1 Жыл бұрын
4:20 he used the word "streaming format" for DASH/HLS which confused me. If I'm correct, it should be a "streaming protocol".
@SergeyZarin
@SergeyZarin Жыл бұрын
awesome! thanks!
@Princejoe33TwTv
@Princejoe33TwTv 3 ай бұрын
Hey, do you have any clue why I can live stream on KZfaq smoothly unlike Twitch where I get tons of frames drops. Never happened to me before and this issue just popped out of the blue. Twitch is my main platform..
@JasonBorn3814
@JasonBorn3814 9 ай бұрын
hey, I am super sleepy, could you please write the document more easier to understand and remember, including all the details for interview. thank you
@sivam5204
@sivam5204 Жыл бұрын
Nice one !
@whatsyourvoyage
@whatsyourvoyage Жыл бұрын
How can I do my podcast live? While using 2-3 different cameras & audio through a rodecaster pro?
@kishorkunal21
@kishorkunal21 Жыл бұрын
What tool do you use to create such excellent animations?
@VoceAleatoriando
@VoceAleatoriando Жыл бұрын
Amazing!
@shailendrasoni7941
@shailendrasoni7941 Жыл бұрын
Interesting can you please tell me which tool you are making interesting diagram
@JeremyChone
@JeremyChone Жыл бұрын
Is SRT based on HTTP/3 ?
@ByteByteGo
@ByteByteGo Жыл бұрын
No, but both are UDP-based.
@JeremyChone
@JeremyChone Жыл бұрын
@@ByteByteGo Yes, this is why I asked. Curious to know if there is some natural convergence between those two protocols.
@somakkamos
@somakkamos Жыл бұрын
This is very interesting… is this also similar to how a non live normal video share platform works..eg netflix prime youtube..?
@joseph13058
@joseph13058 Жыл бұрын
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.
@user-lf4ir3mp2f
@user-lf4ir3mp2f 8 ай бұрын
Alex Xu老师 这个视频的齿音太明显了 需要升级下设备或者后期用专业软件消除下齿音 加油!
@marcusravi1684
@marcusravi1684 Жыл бұрын
Isn't it simpler to write a custom gRPC protocol that uses HTTP2? I think its latency is much much lower than RTMP and SRT. (The project I'm working on has a max streaming audience of 50 viewers. So my load balancing strategy is more relaxed. But thanks for the great video!)
@ByteByteGo
@ByteByteGo Жыл бұрын
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.
@merutiwari-admiralyt8539
@merutiwari-admiralyt8539 3 ай бұрын
How can i create my own sdk
@libvlog2264
@libvlog2264 Жыл бұрын
it don't get better then this.
@OkolieRaymond
@OkolieRaymond Жыл бұрын
I'm presently at a loss on a project that involves live streaming i inherited. It was designed with ffmpeg as the transcoding engine and I'm having a huge problem with latency as its output is in rtmp. Can you help me out with figuring out how to reduce latency for Live streams?
@ByteByteGo
@ByteByteGo Жыл бұрын
What is the latency now, and how low do you need to go?
@OkolieRaymond
@OkolieRaymond Жыл бұрын
@@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
@LiransChannel
@LiransChannel Жыл бұрын
So currently most of the stream services serves the content using tcp?
@ByteByteGo
@ByteByteGo Жыл бұрын
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: kzfaq.info/get/bejne/l5Ojdcmqzr7do30.html
@codegreenie3429
@codegreenie3429 Жыл бұрын
This is why you experience slightly slow internet when you're on VPN
@troooooper100
@troooooper100 Жыл бұрын
is this covered in book?
@ByteByteGo
@ByteByteGo Жыл бұрын
No, not in our two books.
@JasonBorn3814
@JasonBorn3814 9 ай бұрын
damn I don't see that in the book, why so many new items
@alexandrohdez3982
@alexandrohdez3982 Жыл бұрын
👏👏👏
@robertklasen8264
@robertklasen8264 Жыл бұрын
Teriffic video. KZfaq is just flooded with filler content, so refreshing to see this type of material.
@patrickmotaung5866
@patrickmotaung5866 8 ай бұрын
This could have been a nice video but you were too fast. Slow down a little
@shamanthck9166
@shamanthck9166 Жыл бұрын
bro the video animation is very good, hats off. but the voice and explaination is soo poor..please hire a voice artist
@prof.poopypants8671
@prof.poopypants8671 Жыл бұрын
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.
@zeroregretsgiven
@zeroregretsgiven Жыл бұрын
Great video as always
Why Is System Design Interview Important?
2:54
ByteByteGo
Рет қаралды 58 М.
FREE Streaming Software Showdown - Which one is best 4 You?
9:26
Michael Feyrer Jr.
Рет қаралды 62 М.
Чёрная ДЫРА 🕳️ | WICSUR #shorts
00:49
Бискас
Рет қаралды 6 МЛН
Zombie Boy Saved My Life 💚
00:29
Alan Chikin Chow
Рет қаралды 29 МЛН
مسبح السرير #قصير
00:19
سكتشات وحركات
Рет қаралды 2,1 МЛН
How are videos streamed live on Youtube ?
30:13
Vinayak Sangar
Рет қаралды 11 М.
How Video Streaming works | System Design
5:24
ByteMonk
Рет қаралды 58 М.
How Video Streaming Works: HTTP Live Streaming [Part 2]
10:47
Ivaylo Pavlov
Рет қаралды 36 М.
How To Choose The Right Database?
6:58
ByteByteGo
Рет қаралды 308 М.
What Is Single Sign-on (SSO)? How It Works
4:54
ByteByteGo
Рет қаралды 590 М.
HTTP 1 Vs HTTP 2 Vs HTTP 3!
7:37
ByteByteGo
Рет қаралды 12 М.
System Design: Why is Kafka fast?
5:02
ByteByteGo
Рет қаралды 1,1 МЛН
Top 5 Most Used Architecture Patterns
5:53
ByteByteGo
Рет қаралды 250 М.
Чёрная ДЫРА 🕳️ | WICSUR #shorts
00:49
Бискас
Рет қаралды 6 МЛН