Como incorporar usando o Web SDK
O Web SDK cuida da renderização de vídeo e áudio, além do ciclo de vida da sessão. Funciona com React, Vue, Angular e JavaScript puro.
1. Instale o SDK
npm install @touchcastllc/napster-companion-api @reduxjs/toolkit
2. Obtenha um token de sessão (no lado do servidor)
Primeiro, crie seu Omniagent por meio de POST /public/agents, caso ainda não tenha feito isso. Depois, chame POST /public/agents/{agentId}/connections com o ID do seu agente para criar uma sessão. A resposta inclui um token — transmita-o com segurança para o cliente. Nunca gere tokens de sessão no código do lado do cliente.
3. Inicialize no React
Importe NapsterCompanionApiSdk, crie uma ref para o contêiner e chame NapsterCompanionApiSdk.init(token, { mountContainer: containerRef.current, position: "bottom-right" }) dentro de um useEffect. Chame instance.destroy() na limpeza.
Importante: gere sempre um novo token a cada carregamento de página — os tokens são de uso único e de curta duração. Reutilizar um token salvo causará falhas na conexão WebSocket ao recarregar a página.
Dica: exemplos para Vue, Angular e JavaScript puro estão disponíveis na documentação de WebRTC. Gere sempre o token de sessão na sua infraestrutura — nunca no código do lado do cliente.