MultimediaEn vivo

APIs de Cámara, Pantalla y Audio

Demostraciones de captura de medios que comparten la misma base técnica: acceso a la cámara y al micrófono, compartición de pantalla, y grabación de todos los streams con la MediaRecorder API — con negociación automática de códec (VP9 → VP8 → WebM puro). Cada grabación se convierte en un Blob local, reproducido en un reproductor de audio/vídeo, con barra de progreso. Todo se ejecuta en el navegador — ningún byte de medio sale del dispositivo del usuario.

Cámara Pantalla Audio Grabación Blob Negociación de Códec

Tecnologías

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

Arquitectura

  • Captura de MediaStream mediante Browser APIs
  • Codificación en el cliente con MediaRecorder
  • CÓDEC
  • Reproductor personalizado

Conceptos

  • Permisos de medios en el navegador
  • Negociación de CÓDEC
  • Captura de stream en tiempo real
  • Codificación en el cliente
  • Gestión de Blob
  • Object URL
  • Reproductor de medios personalizado
  • Descarga sin subir a un servidor

Área de demostración

La demostración es 100% funcional — pruébala ahora.