This project demonstrates usage of background blur filter in live video communications via WebRTC.
- Clone this repo and istall dependencies
git clone <this-repo>
npm install
- 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
- Extract
Banuba JS SDK
source files to the./BanubaSDK
folder - Run the dev server:
npm run dev
The core code is taken from the Fireship's WebRTC Explanation on YouTube: Follow the full WebRTC Firebase Tutorial on Fireship.io.