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:

npm -v
ng v

How to install it

  1. You need to install the openvidu-angular library in your Angular application:
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:

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:

: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;

results matching ""

    No results matching ""