📹WebRTC
SDK para crear una instancia de conexión de videollamada WebRTC.
Con este SDK podrás crear una instancia de conexión de videollamada WebRTC de forma muy sencilla.
Instalación
Para comenzar, deberás instalar nuestro SDK en tu sitio web o aplicación móvil. Tienes las siguientes alternativas.
<script type="module">
import WebRTC from "https://cdn.videsk.io/sdk/webrtc.esm.js";
// ...
</script>Vue
onMounted(async () => {
const { default: WebRTC } = await import("https://cdn.videsk.io/sdk/webrtc.esm.js");
// ...
});React
useEffect(() => {
import("https://cdn.videsk.io/sdk/webrtc.esm.js")
.then(({ default: WebRTC }) => {
const webrtc = new WebRTC();
// ...
});
}, []);Angular
async ngOnInit() {
const { default: WebRTC } = await import("https://cdn.videsk.io/sdk/webrtc.esm.js");
// ...
}Svelte
onMount(async () => {
const { default: WebRTC } = await import("https://cdn.videsk.io/sdk/webrtc.esm.js");
// ...
});<script src="https://cdn.videsk.io/sdk/webrtc.min.js"></script>const script = document.createElement('script');
script.src = "https://cdn.videsk.io/sdk/webrtc.min.js";
document.body.appendChild('body'); // O reemplaza con el nodo DOM que deseesNo almacenes el contenido de nuestro SDK en tu servidor, esto infringe nuestros términos de uso.
Uso
Nuestro SDK es un componente web, lo que permite que accedas a él como a cualquier elemento HTML o nodo DOM al que estás acostumbrado.
<videsk-webrtc></videsk-webrtc>Puedes ver más información de nuestro componente web en el siguiente link:
📹WebRTCPosteriormente, deberás crear una instancia WebRTC la cual te permitirá realizar la conexión.
const webrtc = new WebRTC();
await webrtc.create(accessToken, constraints);Puedes ver los métodos disponibles en la siguiente página:
MétodosArgumentos
La clase WebRTC recibe tres argumentos:
component (opcional)
component (opcional)Corresponde a la referencia DOM del componente web, ejemplo:
const element = document.querySelector('videsk-webrtc');
new WebRTC(element);Si el valor es undefined, null o inválido por defecto creará un nodo videsk-webrtc en el nodo parent que por defecto es body.
parent (opcional)
parent (opcional)Corresponde a la referencia DOM donde se adjuntará (append) el componente web videsk-webrtc.
const parent = document.querySelector('#custom-div');
new WebRTC(null, parent);options (opcional)
options (opcional)Corresponde a opciones que se le entregan a la instancia WebRTC para modificar los valores por defecto.
const options = {
websocket: { hostname: 'wss://exchange.videsk.io' }
};Crear instancia
Para crear una instancia deberás usar solo dos líneas de código:
const webrtc = new WebRTC();
await webrtc.create(accessToken);Última actualización
¿Te fue útil?

