/webrtc-firebase-demo

Video Chat with WebRTC and Firebase

Primary LanguageJavaScript

Banuba JS SDK Demo

This project demonstrates usage of background blur filter in live video communications via WebRTC.

Usage

  1. Clone this repo and istall dependencies
git clone <this-repo>
npm install
  1. Create a .env.local file, fill it wiht your Firebase and BanubaSDK credetials as follows:
VITE_FIREBASE_CONFIG={"app_name": "your_firebase_app_name", ...}
VITE_BANUBA_TOKEN=your_banuba_sdk_token
  1. Extract Banuba JS SDK source files to the ./BanubaSDK folder
  2. Run the dev server: npm run dev

Credits

The core code is taken from the Fireship's WebRTC Explanation on YouTube: Follow the full WebRTC Firebase Tutorial on Fireship.io.