MídiaAo vivo

API's de Câmera, Tela & Audio

Demonstrações de captura de mídia que compartilham a mesma base técnica: acesso à câmera e ao microfone, compartilhamento de tela, e gravação de todos os streams com a MediaRecorder API — com negociação automática de codec (VP9 → VP8 → WebM puro). Cada gravação vira um Blob local, reproduzido em um player de áudio/vídeo, barra de progresso. Tudo roda no navegador — nenhum byte de mídia sai do dispositivo do usuário.

Câmera Tela Audio Gravação Blob Negociação de Codec

Tecnologias

  • MediaDevices API
  • MediaRecorder API
  • Blob
  • URL.createObjectURL

Arquitetura

  • Captura de MediaStream via Browser APIs
  • Encoding client-side com MediaRecorder
  • CODEC
  • Player customizado

Conceitos

  • Permissões de mídia no browser
  • Negociação de CODEC
  • Captura de stream em tempo real
  • Encoding client-side
  • Gerenciamento de Blob
  • Object URL
  • Player de mídia customizado
  • Download sem upload a servidor

Área de demonstração

A demonstração é 100% funcional — teste agora.