No video :(

React Native Zoom Clone WebRTC | Video Call App with Socket.IO & PeerJS

Подписаться 9 тыс.

Просмотров 44 тыс.

50% 1

We are going to build a zoom video call app using react native, socket.io, webrtc and peerjs. This is just a common clone we will use to understand how to transfer streams from one end to another. We made use of peer js and we used express js to build a custom peerjs server which our client devices will use to open up a peer connection which will give each client a unique id to start a peer connection for the device stream.
#zoom clone & #webrtc with #reactnative
Donate to my PayPal: boltdsg@gmail.com
Buy Me a Coffee: www.buymeacoff...
Link to setup a react-native-webrtc SETUP:
PeerJS
peerjs.com/
Build a Chat App Like WhatsApp Clone:
• Build Realtime Messeng...
Ecommerce Amazon Clone:
• Amazon clone app react...
Parts:
0:00 - Intro
1:45 - Setup
10:34 - Redux Setup
16:54 - WebRTC Stream
24:12 - Connect SOCKET.IO & PeerJS to Server
27:19 - Complete Video Call
GitHub Repo:
github.com/bol...

Опубликовано:

15 авг 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 87

@thellecodes 3 года назад

With the help of webRTC we can be able to build a zoom clone with react native. boltskills.com/react-native-webrtc-peerjs-video-call-app What are your thoughts on this. Drop it on the comment

@zeeshanahmadkhalil8920 3 года назад

for me its not connecting to the server at all

@storyden5 3 года назад

@@zeeshanahmadkhalil8920 is really working.

@Adhapagall 3 года назад

[Error: Could not get an ID from the server.]. could you help with that?

@ironpurush0978 3 года назад

Please please pleasee......do a full-stack version of this app.

@LeetCodeSimplified 3 года назад

He did! ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-as26dS-KbHw.html

@vaibhavbhardwaj48 3 года назад

Please build an app from scratch without giving boiler plate. It is very important to learn every thing from start. If you have any app from scratch please tell me. It will be a great help. Thankyou..

@Sadadevs1949 3 года назад

Can you share complete Code With Me Because I have implemented According to tutorial but it's not working. Thanks in Advance

@mrmax6149 2 года назад

Why when answer the calling stopping after some seconds

@tayoadejuwon9169 3 года назад

you are doing great fam. keep it up

@Reckojean 3 года назад

That full-stack version would be awesome!!!

@memofigueredo6931 3 года назад

good video it’s the better instructor

@jayeshnayak4516 5 месяцев назад

Can multiple people join in the same room.

@zulkiflemaroof6777 3 года назад

How you run your project on PC along with your mobile?

@HK-sw3vi 3 года назад

discovered your channel, subbed on the spot!

@reactninja6567 3 года назад

cool stuff man keep goin ..!!

@thellecodes 3 года назад

Thank you so much

@Shpatak 2 года назад

Great video, thanks! However following the tutorial i succeeded to reach the goal I wanted to, BUT the biggest issue in this library is that the audio and video stops being send to another caller once you put the application in background. Do you know how to avoid it? Thank you in advance!

@cisseibrahim1455 2 года назад

You might need to use background process

@deepakmehra5748 3 года назад

yes plz do a full video

@technmania9418 3 года назад

let’s go with zoom clone !

@saidhussein9647 3 года назад

Great video

@unknown__899 7 месяцев назад

🔥🔥

@bekazandukeli7451 3 года назад

Amazng! just do it

@noormohammadsiddiqui3677 3 года назад

You're awesome sir ❤️

@chancho1971 3 года назад

Great video !

@zulkiflemaroof6777 3 года назад

How can I run the application at emulator and on device simultaneously in order to test the other stream???

@xmishell26x 3 года назад

please tell me if you could do this and how :(

@nereusanthony9474 Год назад

Very good brother ❤️

@jasonshen 3 года назад

nice tut, cheers

@shihabuddin8493 3 года назад

I need background calling option

@Shpatak 2 года назад

Hey mate. Did you succeed in finding the solution?

@history_by_engineer Месяц назад

❤

@MrTouqeerhameed 3 года назад

great man

@bhuvaneshwaran6049 3 года назад

How to switch camera?

@allihave3838 3 года назад

nice video can you help to make a voice call between to mobile i will pay you

@truelet8219 2 года назад

great video, Can you provide your final code reference?

@kumardeepanshu8503 3 года назад

please do full stack of this app

@pjos2981 3 года назад

Can we login using id passwd n record

@emmer_dev 3 года назад

Interesting..

@bienaime5877 3 года назад

interesting!

@minaalikhanidarabi1213 3 года назад

thanks for the course . but my remote stream is always muted and I got the stream but nothing is shown !any suggestion?

@thellecodes 3 года назад

Take your time. You're almost there.

@jucoallison5741 Год назад

please make it a full stack project

@nikitazotsik3430 3 года назад

I am getting this error: [Error: Could not get an ID from the server.] , please help

@Adhapagall 3 года назад

same here did you find any solution?

@nikitazotsik3430 3 года назад

@@Adhapagall Sadly no, I even tried to use same version of react-native as in the video but no success so far,I submitted issue on their GitHub page but I Also got no response

@henrik908 2 года назад

@@Adhapagall have you find any solution

@fabianberisha7147 3 года назад

will this work on ios. thnx for the content nice video

@ststeve499 3 года назад

Please do the full stack plessssss

@islamicinterestofficial 2 года назад

How to make video call in expo? I don't want to eject my project also. Can u guide please?? I'm not able to find any solution...

@AntonioRodriguez-qm2rp 2 года назад

I have the same problem, unfortunately there is any solution for this yet, you have to eject the app

@islamicinterestofficial 2 года назад

@@AntonioRodriguez-qm2rp yes I ejected the app. This is the last solution unfortunately

@punkuzshah9324 3 года назад

Make a calling app like skype or similar

@karmvirpatel4314 3 года назад

Hello Bolt Skills, after adding react-native-peerjs keep getting error "ReferenceError: Can't find variable: parcelRequire"

@union9370 3 года назад

I'm having the same problem, anyone able to help?

@karmvirpatel4314 3 года назад

@@union9370 "metro.config.js" on root folder of the app changing "inlineRequires" to "false" should work

@robertoart5056 3 года назад

I keep getting this error [Error: Could not connect to peer [object Object]]

@adekunleadeyeye3225 2 года назад

Fixed it? If not, let me help you

@GlitchToGaming 2 года назад

Does this have screen sharing ?

@thellecodes 2 года назад

@khoanguyenv9510 3 года назад

hello, please share me full code!!

@zulkiflemaroof6777 3 года назад

Doest we can build the video calling app using expo CLI?

@thellecodes 3 года назад

I may give a try

@zulkiflemaroof6777 3 года назад

Okay Thanks! On using RTCView it's giving the error in expo CLI that "Component Exception reactNativeComponent RTC Video View was not found in UIManager ". So i think it's not avaliable in expo CLI.

@thellecodes 3 года назад

@@zulkiflemaroof6777 There is actually a bridging between JavaScript and native code. I don't think expo supports that for the . use the normal react native cli.

@zulkiflemaroof6777 3 года назад

Okay Thanks alot.