hello 2026

This is an introduction to give you a sense for How I think about web Did she see and what you can expect I have a slide that I use back in part 1 And I divide Weber ABC sort of E Play system in its simplest form because there's of course other libraries and things you You can add on Butt into On the left we have with the web API Which is it How many pieces and on the right We have what I'm going to call Everything else This is all stuff What does directly related to web RTC in order to make Snap happen What is Play itself We'll come back to that In a second but back to the left The web API I am dividing up What we did in part 1 was get User Med Play so come on the left What we are going to do in this Is work on Breaking down that section on the left this is another slide that we've But we have that get user media portion which we've already worked on I need you to know already How to interact Alarm for the camera Turn on the mic and the screen how to work with media You don't have to have Wild exhaustive knowledge You do need to know how Work because we will not In this course we are going to focus What's exclusively on The part on the right CPR connection Which as I said focuses Taking that media and streaming it Repeat or To break down how the sections are organized Is the first main section after this We will build a prototype Vanilla JavaScript And and then we'll have to use socket I Look for a signaling sir But we will focus on r How do you say pure Connection in the first half How it works What's the other related Instructors The methods the event And so on we'll look at the docs To get a good feel for But RTC peer connection I cannot do anything by itself We need some form of signaling And so in the second part of that project We will fire up socket I owe as our signaling server don't worry about what signaling is We will pass back and Ice candid What's the sdp And so on all of which will be explained later on and get Get to the point At the end of that section where we have a working model I will even show you how to load it up on your phone it might not work because I don't know all the details of how your But it will give you the chance to see Play potentially on two different The section after that We will start completely over from scratch will take everything we learned about Artie Play Super connection and all of its related elements The stone to turn the Base and our signaling server And rebuild it inside of react With the help of The oxen It is going to be a very rewarding albeit difficult and long project Because real What's the key if you're going to use we I want to see you're not going to use vanilla JavaScript you're going to do it Play inside Of a framework And react is is the most likely candidate If you're only interest In learning how the the API work Getting the signaling service set up And then you want to go Implement things you don't need my help learning or implementing and react The first section might be all that you need The react project is a kind of End of tele And it will be very helpful In helping you understand how to harness List all of the different async pieces so that they work Because react Connect and Redux are both incredible State Management tools but they don't cooperate very well with socket Idaho because they have a completely Any different model Things are going to be happening out of order all the time You're going to refresh your browser and some piece is going to think that something exists when it doesn't And so on If you Add to that web RTC Which is one more completely different async model from the other two It's a lot of work but again it will be very rewarding and will set you up so that in the future If you're going to make a Weber TCF or if you're at work and you need to be able to employ it you'll have an example on how to do it in the So those are the two sections that exist as of the making of this video there may be more But at the very At least we will build a prototype That focus is just on learning how RTC peer connection works How signaling works How stun and Ice candidates work And in the second section Will start over from scratch and we'll put it all in