توضیحات
آموزش WebRTC با ساخت برنامه ویدیو چت
نام دوره : Mastering webRTC – make a video chat app!
پیشنیازها
- آشنایی با getUserMedia()
- تجربه کار با جاوااسکریپت و Node (نیازی نیست حرفهای باشید، اما باید با آن آشنایی داشته باشید)
- استفاده از Socket.io برای ساخت سرور سیگنالدهی؛ باید با آن آشنا باشید یا توانایی دنبال کردن آموزشها را داشته باشید
- برای بخشهای بعدی: دسترسی به یک ماشین لینوکس (مانند AWS، Azure، DigitalOcean و غیره)
توضیحات
خلاصه: شما در این دوره WebRTC را یاد خواهید گرفت؛ چگونگی دریافت فید ویدئو و راهاندازی چت ویدیویی بین مرورگرها فقط با استفاده از جاوااسکریپت.
بخش اول و برخی پروژههای بعدی فقط مربوط به فرانتاند هستند، اما بخشهای مرتبط با اتصال و پروژههای بعدی نیاز به Node.js و Socket.io دارند.
در سال 2024 هستیم. به دلایلی مانند پاندمی، چتباتها یا کاهش هزینهها، کار از راه دور رایج شده است.
تلهمدیسین (پزشکی از راه دور) رایج است. صحبت با افراد در مناطق زمانی مختلف نیز رایج است.
میتوانید کاربران خود را از اپلیکیشن خود به زوم هدایت کنید زیرا همیشه کار میکند، اما در این صورت تمام کنترل و ردیابی تعاملات را از دست خواهید داد.
وارد WebRTC شوید.
WebRTC یکی از APIهای شگفتانگیز مرورگرهاست.
این امکان را فراهم میکند که به میکروفون، دوربین و حتی صفحه نمایش دسترسی داشته باشید و آنها را مستقیماً از طریق سوکت شبکه به مرورگر دیگری به اشتراک بگذارید.
تقریباً بدون نیاز به سرور یا واسطههای دیگر که پهنای باند را اضافه کنند و باعث اشکالات و هرجومرج شوند.
همراه با WebSockets، WebRTC بخش ویدیویی ارتباطات لحظهای مرورگر را فراهم میکند و یکی از آخرین فاصلهها در ارتباطات انسانی و مبتنی بر وب را پر میکند.
اگر در حال خواندن این مطلب هستید، احتمالاً در مورد WebRTC شنیدهاید. شاید حتی آموزشی در این زمینه دیده باشید. اما چقدر پیش رفتهاید؟
اکثر منابع موجود در وب بیشتر از یک آموزش سریع برای ساخت یک نسخهی ساده زوم نیستند. در این دوره، نه تنها روش کار را یاد میگیرید، بلکه به عمق APIهای WebRTC میرویم.
چه مواردی را در آموزش WebRTC با ساخت برنامه ویدیو چت پوشش میدهیم:
بخش فقط فرانتاند
- getUserMedia() – دسترسی به میکروفون و دوربین در مرورگر
- پخش فید در یک عنصر <video />
- MediaStream و MediaStreamTrack – تشکیلدهندگان یک فید ویدئویی
- محدودیتها – getSupportedConstraints() و getCapabilities() – بررسی قابلیتهای مرورگر
- applyConstraints – تغییر فید در حین اجرا
- ضبط ویدیو/صدا و پخش آن
- ضبط صفحه نمایش برای اشتراکگذاری صفحه و ضبط آن
- تغییر دستگاههای ورودی/خروجی در فید
نیازمند بکاند (Node.js، Socket.io)
- RTCPeerConnection – قلب WebRTC
- ایجاد یک پیشنهاد و پاسخ
- تنظیم RTCSessionDescription
- فرایند سیگنالدهی
- ساخت سرور سیگنالدهی با Socket.io
- جمعآوری ICE Candidates
- ساخت اپلیکیشن React با Redux که از WebRTC استفاده میکند
دوره آموزش WebRTC با ساخت برنامه ویدیو چت برای چه کسانی مناسب است:
- هر کسی که با جاوااسکریپت و Node آشنا است و در WebRTC تازهکار است!
- هر کسی که با API مرورگر WebRTC آشناست اما نتوانسته مرورگرها را متصل کند
- هر کسی که میخواهد کنفرانس ویدیویی را به صورت رایگان به اپلیکیشن وب خود اضافه کند (بدون نیاز به شخص ثالث)!
یودمی ایران –
دوره درخواستی خود را از راه های ارتباطی درخواست کنید