License badge Npm version Npm downloads

The easier way to build powerful OpenVidu videoconference frontend applications.


You will need angular-cli (and of course NPM) to serve the Angular frontend. You can check it 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:
ng add @angular/material

Configure it

You need 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 also can 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 ""