Nascent Prototype Metaverse

    openvidu-angular
    TypeScript icon, indicating that this package has built-in type declarations

    2.22.0 • Public • Published

    openvidu-angular

    License badge Npm version Npm downloads

    The easier way to build powerful OpenVidu videoconference frontend applications.

    Requirements:

    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
    };
    
    @NgModule({
        imports: [
            ...
            OpenViduAngularModule.forRoot(config)
        ]
    })

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

    Keywords

    none

    Install

    npm i openvidu-angular

    DownloadsWeekly Downloads

    103

    Version

    2.22.0

    License

    none

    Unpacked Size

    4.16 MB

    Total Files

    133

    Last publish

    Collaborators

    • openvidu