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ámetro	Tipo	Descripción
roomName	string	Token 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ámetro	Tipo	Descripción
nickname	string	Nombre 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

}