Hyperbeam

O que é Hyperbeam?

O Hyperbeam é uma API poderosa que permite incorporar computadores virtuais diretamente em seu site ou aplicativo web. Com apenas algumas linhas de código, você pode oferecer experiências colaborativas em tempo real — como navegar juntos em qualquer site da web, assistir vídeos sincronizados ou usar aplicativos remotos — sem se preocupar com bloqueios de iframe, problemas de CORS ou sincronização de áudio e vídeo.

Ideal para desenvolvedores que querem adicionar funcionalidades avançadas de navegação compartilhada ou ambientes virtuais interativos, o Hyperbeam cuida da infraestrutura complexa por trás dos bastidores. Isso significa que você pode focar no que realmente importa: construir uma experiência incrível para seus usuários, com suporte nativo para múltiplos participantes, controle simultâneo e até dispositivos móveis.

Quais são as características de Hyperbeam?

• Computadores Virtuais Incorporáveis: Execute navegadores (Chrome), sistemas (Linux), apps Android ou emuladores dentro do seu site, sem extensões ou downloads.
• Sincronização Perfeita de Áudio e Vídeo: Mantenha todos os participantes em perfeita sincronia, com cancelamento automático de eco em chamadas.
• Controle Multiusuário em Tempo Real: Vá além do simples compartilhamento de tela — permita que vários usuários interajam ao mesmo tempo com o ambiente virtual.
• Compatibilidade Universal com Sites: Funciona com qualquer site de terceiros, mesmo aqueles que bloqueiam iframes com políticas como X-Frame-Options.
• Controle Programático: Navegue por URLs, abra apps ou execute scripts via API para personalizar a experiência do usuário.
• Modo Quiosque e Controle de Acesso: Personalize a interface e defina quem pode ver ou controlar o computador virtual.
• Suporte a WebGL e Servidores Globais: Ideal para apps gráficos intensivos, com baixa latência graças a servidores espalhados pelo mundo.
• Estados Salvos de Sessão: Os usuários não precisam fazer login novamente — suas sessões são mantidas entre acessos.

Quais são os casos de uso de Hyperbeam?

• Criar salas de watch party para assistir vídeos do YouTube, Netflix ou Twitch com amigos, totalmente sincronizadas.
• Oferecer navegação web colaborativa em ferramentas de suporte ao cliente ou plataformas educacionais.
• Integrar navegadores seguros em ambientes de desenvolvimento, como editores de código (ex: VS Code), sem conflitos de CORS.
• Desenvolver aplicativos de treinamento corporativo onde equipes praticam tarefas em sistemas web reais.
• Construir experiências imersivas em mundos virtuais 2D/3D com dados brutos de áudio e vídeo do Hyperbeam.
• Permitir que usuários acessem apps móveis (Android) diretamente do navegador, com toque e gestos funcionando perfeitamente.
• Criar kiosques digitais interativos para eventos, museus ou lojas, com interface personalizada e sem distrações.

Como usar Hyperbeam?

• Obtenha uma chave de API gratuita no painel do Hyperbeam (sem necessidade de cartão de crédito).
• Use o endpoint REST (POST https://engine.hyperbeam.com/v0/vm) no seu backend para criar uma instância de computador virtual.
• No frontend, inclua o pacote NPM @hyperbeam/iframe ou carregue-o via CDN (ex: unpkg).
• Passe o embed_url retornado pela API para inicializar o player dentro de um <div> na sua página.
• Adicione controles programáticos (como botões para abrir o YouTube) usando métodos como hb.tabs.update({ url: "..." }).
• Personalize a experiência com modos de acesso, salvamento de sessão e configurações de UI conforme necessário.