openvidu-call-react 🔗

Check it on GitHub

OpenVidu Call demo, built with React, allows users to make videoconference calls with many of the capabilities integrated by OpenVidu platform. It is a frontend-only application.

OpenVidu-Call-React is composed by the five React components displayed in the image below.

Running this demo 🔗

To run the tutorial you need the three components stated in OpenVidu application architecture: an OpenVidu deployment, your server application and your client application. In this order:

1. Run OpenVidu deployment 🔗

Using Docker Engine:

# WARNING: this container is not suitable for production deployments of OpenVidu
# Visit

docker run -p 4443:4443 --rm -e OPENVIDU_SECRET=MY_SECRET openvidu/openvidu-dev:2.29.0

2. Run your preferred server application sample 🔗

For more information visit Application server.

3. Run the client application tutorial 🔗

You need NPM to serve the application. Check it with the following command:

npm -v

Cloning the repo:

git clone

To serve the tutorial:

cd openvidu-call-react/openvidu-call-react
npm install
npm start

Go to http://localhost:3000 to test the app once the server is running.

To test the application with other devices in your network, visit this FAQ

Deploying openvidu-call-react 🔗

1) Build the docker image 🔗

Under the root project folder, you can see the openvidu-call-react/docker/ directory. Here it is included all the required files yo make it possible the deployment with OpenVidu.

First of all, you will need to create the openvidu-call-react docker image. Under openvidu-call-react/docker/ directory you will find the script.

This script will create the docker image with the openvidu-basic-node as application server and the static files. So you will need to clone the openvidu-tutorials repository at the same level of the openvidu-call-react repository.

# Clone the openvidu-tutorials repository at the same level of the openvidu-call-react repository
git clone -b v2.29.0

Then, you can create the docker image with the following command:

./ openvidu/openvidu-react-demo:X.Y.Z

This script will create an image named openvidu/openvidu-call-react-demo:X.Y.Z. This name will be used in the next step.

2) Deploy the docker image 🔗

Time to deploy the docker image. You can follow the Deploy OpenVidu based application with Docker guide for doing this.