openvidu-components-angular

Welcome to OpenVidu Components Angular

Introduction

Build powerful video conferencing applications with ease using OpenVidu Components Angular.

Prerequisites

Before you get started, ensure you have the following installed:

• Node.js: This includes npm, which comes with Node.js.
• Angular CLI: Make sure you have Angular CLI installed.

You can verify your installations by running the following commands:

npm -v
ng v

How to Install

To use OpenVidu Angular Components in your Angular application, follow these steps:

1. Install the openvidu-components-angular library

npm install openvidu-components-angular

2. Install Angular Material

Follow the Angular Material documentation for detailed instructions.

Configuration

Configure OpenVidu Components Angular by adding them to your main.ts:

import { OpenViduComponentsModule, OpenViduComponentsConfig } from 'openvidu-components-angular';

// Other imports ...

const config: OpenViduComponentsConfig = {
	production: environment.production
};

bootstrapApplication(AppComponent, {
	providers: [
		importProvidersFrom(
			OpenViduComponentsModule.forRoot(config)
			// Other imports ...
		),
		provideAnimations()
	]
}).catch((err) => console.error(err));

You can also customize the 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;
}

Getting Started

Ready to start using OpenVidu Components Angular? Check out our tutorials to help you get started.

API Documentation

For detailed information on OpenVidu Angular Components, refer to our API documentation

Support

If you have any questions or need assistance, please reach out to our community forum.