Cliente SDK Angular

Instalación y uso

1. Instalar el componente de Angular

Instalar el componente como dependencia de su proyecto.

npm install @bambustech/videorooms-ng --save

2. Agregar el módulo Javascript del SDK a su proyecto

Ademas de instalar el componente de Angular, se agrega al proyecto el módulo de Javascript del SDK, en el archivo angular.json. Esto hace que se incluya al momento de compilar el app, y se incluya en el código de la web.

"scripts": [
"node_modules/@bambustech/videorooms-sdk/videosdk.js"
]

3. Módulo y servicio de angular:

import { VideoroomsModule } from '@bambustech/videorooms-ng';
import { VideoroomsService } from '@bambustech/videorooms-ng';

4. Métodos del servicio

// Unirse a una sala
VideoroomsService.joinRoom(roomName);
// Cambiar el nombre del participante
VideoroomsService.setNickname(nickname);
// Capturar el evento cuando sale de la sala
VideoroomsService.onHangup = function () {};

VideoroomsService.joinRoom(roomName)

Ingresa a la sala especificada inicializando el componente.

ParámetroTipoDescripción
roomNamestringToken de la sala

El token puede ser el token general de la sala (en caso de que la misma sea pública) o el token específico para el participante.

VideoroomsService.setNickname(nickname);

Permite cambiar el nombre del participante en cualquier momento.

ParámetroTipoDescripción
nicknamestringNombre a mostrar para el participante

5. Usar el componente en la página

Agregue el tag del componente en su archivo HTML de su página:

<bambus-videorooms [options]='options'></bambus-videorooms>

En el controlador de la página, configure las opciones:

this.options = {
showFirstParticipantMsg: true
}

Ver la lista completa de opciones aquí.

6. Eventos

roomJoined
Evento disparado cuando el usuario entra a una sala

roomLeft
Evento disparado cuando el usuario hace click en abandonar la sala.

<bambus-videorooms [options]='videoOptions'
(onRoomLeft)="roomLeft()"
(onRoomJoined)="roomJoined()"></bambus-videorooms>

En controller:

roomLeft(){
// Custom action
}
roomJoined(){
// Custom action
}