Giter VIP home page Giter VIP logo

webrtc-firebase-demo's Introduction

Video Chat with WebRTC and Firebase

Build a 1-to-1 video chat feature with WebRTC, Firestore, and JavaScript.

Watch the WebRTC Explanation on YouTube and follow the full WebRTC Firebase Tutorial on Fireship.io.

Usage

Update the firebase project config in the main.js file.

git clone <this-repo>
npm install

npm run dev

webrtc-firebase-demo's People

Contributors

codediodeio avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

webrtc-firebase-demo's Issues

ICE failing

Hello!
I tried this project out to see if I could code a version myself to get some practice with WebRTC. I completed the project but I ran into the problem where ICE fails when I try to connect the remote video. I tried recreate the problem by cloning, and working with, this repository and the same thing happens. With this repository, when trying to connect to with a remote user, Firebase updates with call info and candidates but I keep getting an error in the console saying "WebRTC: ICE failed, add a TURN server and see about:webrtc for more details" and the remote video fails to show up. I didn't think a TURN server was required to get the basic functionality working so any advice would be appreciated to help me get this working.

Problem importing firebase

Uncaught TypeError: Failed to resolve module specifier "firebase/app". Relative references must start with either "/", "./", or "../".

Please help me

How to add data channel?

Hi @codediodeio!
Very glad to follow your channel, it's very helpfully!

I've a working demo of your code in my app, but now i'm trying to implement datachannel on top of your solution, how can i do it?
I've see that must be created the remote connection on both peers, but i don't know ho to bind it with candidates and answers...

Thanks so much

There is echo

I run the code and hear an echo.

The following code does not fix it:

const pc = new RTCPeerConnection(servers);
pc.setConfiguration({echoCancellation: true});
pc.setConfiguration({noiseSuppression: true, autoGainControl: true});

Firebase setup

The way you setup Firebase is not very helpful for people who have never used it.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.