signalwire-video-vuejs

An example video conferencing app built in VueJS 3 using the SignalWire Video API and SignalWire Javascript SDK with reuseable components.

This sample application relies on the SignalWire Video API and the SignalWire Javascript SDK. We do all the heavy lifting so that all you need to do is focus on building your application.

signalwire-video-vuejs
Table of Contents
Features
SignalWire Video Conferencing API
Getting Started
- Local Setup
- Using Replit
Frontend Docs
Backend Docs

Features

Join or create temporary room session.
Screen share
Change devices or layouts.
List Active Room Sessions with Rooms Previews
Join active Rooms from list.
Meeting controls (Mute Audio and Video)
Create Persistant Rooms.
Create Invite Links to join a room session.

SignalWire Video Conferencing API

Other video conferencing APIs and applications rely on SFU (Selective Forwarding Unit) which means every user is responbile for streaming to and decoding the streams of other users. The SignalWire Video Conferencing API takes an MCU (Multipoint Control Unit) approach which reduces the load on the end users and results in minimized latency and the ability to participate in large-scale calls within a browser.

Getting Started

The application has two parts, the frontend and the backend. They’re built to run independantly but the frontend does require the backend in order to make requests to the SignalWire Video API. Instructions are provided for running each independantly in a virtual environment using replit.com or running locally on your machine.

Local Setup

This guide walks you through setting up the example application using a terminal and NodeJS. At the time of writing this it has been tested on OSX and Linux.

Local Setup

Using Replit

This guide walks you through using Replit, a cloud based coding environment, to run both the backend and the frontend. The end result is a hosted instance with a link that can be shared for others to use.

Using Replit