Incorporación con el Web SDK
El Web SDK administra la reproducción de video y audio, así como el ciclo de vida de la sesión. Funciona con React, Vue, Angular y JavaScript puro.
1. Instale el SDK
npm install @touchcastllc/napster-companion-api @reduxjs/toolkit
2. Obtenga un token de sesión (del lado del servidor)
Primero cree su Omniagent mediante POST /public/agents, si aún no lo ha hecho. Luego llame a POST /public/agents/{agentId}/connections con el ID de su agente para crear una sesión. La respuesta incluye un token: páselo de forma segura al cliente. Nunca genere tokens de sesión en el código del lado del cliente.
3. Inicialización en React
Importe NapsterCompanionApiSdk, cree una referencia (ref) de contenedor y llame a NapsterCompanionApiSdk.init(token, { mountContainer: containerRef.current, position: "bottom-right" }) dentro de un useEffect. Llame a instance.destroy() en la limpieza.
Importante: genere siempre un token nuevo en cada carga de página: los tokens son de un solo uso y de corta duración. Reutilizar un token guardado provocará fallas de conexión de WebSocket al recargar la página.
Sugerencia: encontrará ejemplos para Vue, Angular y JavaScript puro en la documentación de WebRTC. Genere siempre el token de sesión en su backend, nunca en el código del lado del cliente.