آموزش بوت کمپ Webrtc برای مبتدیان

سرفصل ها و درس ها

معرفی Introduction

• WebRTC چیست؟ What is WEBRTC?

• استفاده از موارد WebRTC Use cases of WEBRTC

• چگونه WebRTC کار می کند؟ How webrtc works?

نرم افزار چت صوتی تصویری در زمان واقعی با قابلیت تماس Realtime Audio Video Chat Application with Call Functionality

• جایی که باید حرکت کنی؟ Where to move?

• بخش معرفی Section Intro

• کد منبع پروژه و فایل منابع Project Source Code and Resource File

• صفحه ورود به سیستم طراحی Design Login Page

• محیط راه اندازی Setup Environment

• ایجاد و طراحی رابط Create and Design Interface

• سیگنالینگ قطع Signaling Sever

• دریافت نام کاربری از URL Get Username Form URL

• دریافت رسانه های محلی Get Local Media

• ایجاد سرور سیگنالینگ Creating Signaling Server

• تکمیل سیستم ورود به سیستم Completing Login System

• ایجاد، ارسال و دریافت پیشنهاد Create, Send and Receive Offer

• سیستم پیشنهاد تست Testing Offer System

• ایجاد، ارسال و دریافت پاسخ Create, Send and Receive Answer

• کاندیدای یخ راه اندازی Setup Ice Candidate

• طراحی صفحه تماس Designing Call Page

• وضعیت تماس Call Status

• تماس بگیرید و رد کنید Call Accept and Reject

• جریان ویدئو در تماس با پذیرش Streaming Video in Call Accept

• طراحی گزینه گزینه را تغییر دهید Call Toggle Option Design

• تغییر ویدئو صوتی Toggle Audio Video

• اتصال بستن Closing Connection

• ایجاد سیستم پیام متن Create Text Messaging System

• تست کانال داده برای پیام های متنی. Testing Data Channel for Text Messaging .

سیستم ضبط تماس Call Recording System

• ایجاد سیستم ضبط (قسمت 1) Create recording System (part 1)

• بخش معرفی Section Intro

• ایجاد سیستم ضبط (قسمت 2) Create recording System (part 2)

• گزینه ای برای دانلود ویدیو ایجاد کنید Create Option for Download Video

• تبریک می گویم - شما آن را ساخته اید Congratz - You made it

سیستم به اشتراک گذاری صفحه نمایش در زمان واقعی مانند زوم و Google Meet Realtime Screen Sharing System like Zoom and Google Meet

• به اشتراک گذاری صفحه نمایش کامپیوتر Sharing Computer Screen

• بخش معرفی Section Intro

• اجازه می دهد کد را برای ایجاد سیستم به اشتراک گذاری صفحه نمایش بنویسید Lets Write Code to Create Screen Sharing System

• تست سیستم اشتراک گذاری صفحه نمایش Testing Screen Sharing System

برنامه تماس تصویری گروهی Group Video Call Application

• بخش معرفی Section Intro

• پرونده منبع Resource File

• محیط راه اندازی Setup Environment

• محیط راه اندازی Setup Environment

• ایجاد جلسه میزبان و پیوستن به اتاق Creating Host Meeting and Join Room

• دریافت اطلاعات کاربر Get User Info

• کاربر را به اتاق متصل کنید Get User Connected to Room

• اضافه کردن کاربر و پردازش رسانه Add User and Process Media

• ایجاد اتصال Create Connection

• ایجاد پیشنهاد، به روز رسانی رسانه ها و پردازش SDP Create Offer, Update Media and Process SDP

• اتاق نشیمن Leaving Room

• تست و توضیح جریان کد Testing and Explaining Code FLow

• کد منبع کامل پروژه complete project source code

API های WebRTC Webrtc APIs

• API های WebRTC Webrtc APIs

• API MediaStream MediaStream API

• api rtcpeerconnection RTCPeerConnection API

• دیتاچانل DataChannel

پروتکل و تکنولوژی پایه Protocol and Underlying Technology

• تکنولوژی پایه Underlying Technology

• TCP و UDP TCP & UDP

• یخ ICE

• sdp SDP

• گول زدن STUN

• دور زدن TURN

• dtls DTLS

• srtp SRTP

• sctp SCTP

• tls TLS

• http و https HTTP & HTTPS

• sse SSE

• وب سایت WEBSOCKET

• زنجیر XHR

• آداپتور JS ADAPTER JS

Websocket به Socket.io تبدیل Websocket to Socket.io Conversion

• فایل پروژه (Socket.io تبدیل شده است) Project file (Socket.io converted)

• Websocket به Socket.io تبدیل Websocket to socket.io Conversion

آپلود برنامه در سرور زنده Uploading Application in Live Server

• آپلود برنامه در سرور زنده Uploading Application in Live Server

نتیجه Conclusion

• تبریک - شما آن را ساخته اید Congratulation - You made it