OpenVidu Components for Angular.

License badge OpenVidu Tests OpenVidu Tests Npm version Npm downloads

The easier way to build powerful OpenVidu videoconference frontend applications.


You will need NPM and Angular CLI to serve the Angular app. Check your installation with the following command:

Example :
npm -v
ng v

How to install it

  1. You need to install the openvidu-angular library in your Angular application:
Example :
npm install openvidu-angular

  1. Also you need Angular Material. Check the Angular Material documentation for installing it.

Configure it

You need to import the openvidu-angular module in your app.module.ts:

Example :
import { OpenViduAngularConfig, OpenViduAngularModule } from 'openvidu-angular';
import { environment } from 'src/environments/environment';

const config: OpenViduAngularConfig = {
    production: environment.production

    imports: [

You can also add the default styles in your styles.scss file:

Example :
:root {
    --ov-primary-color: #303030;
    --ov-secondary-color: #3e3f3f;
    --ov-tertiary-color: #598eff;
    --ov-warn-color: #eb5144;
    --ov-accent-color: #ffae35;
    --ov-light-color: #e6e6e6;

    --ov-logo-background-color: #3a3d3d;

    --ov-text-color: #ffffff;

    --ov-panel-text-color: #1d1d1d;
    --ov-panel-background: #ffffff;

    --ov-buttons-radius: 50%;
    --ov-leave-button-radius: 10px;
    --ov-video-radius: 5px;
    --ov-panel-radius: 5px;

How to use it

OpenVidu team has created a few tutorials to help you to start using OpenVidu Angular components. You can find them here.

openvidu-angular API

openvidu-angular API documentation is available here.

results matching ""

    No results matching ""