Voltar para o Showcase
MídiaAo vivo
API's de Câmera, Tela & Audio
Câmera, gravação de tela e gravação de áudio direto do navegador — captura, encoding e player customizado, sem plugins e sem upload.
Sobre esta demo
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.
Área de demonstração
A demonstração é 100% funcional — teste agora.
Ficha técnica
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