OpenVidu Components for Angular.
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
npm install openvidu-angular
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
};
@NgModule({
imports: [
...
OpenViduAngularModule.forRoot(config)
]
})
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;
}
OpenVidu team has created a few tutorials to help you to start using OpenVidu Angular components. You can find them here.
openvidu-angular API documentation is available here.