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.
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.
3D y Animaciones Avanzadas
Demostración interactiva de renderizado 3D en tiempo real: una escena orbitable con materiales PBR, un sistema solar completo con una cámara que persigue al planeta enfocado, una galaxia de 8.000 partículas con un shader GLSL escrito desde cero, y un recorrido guiado por scroll a través del propio stack técnico del autor.
API de Notificaciones
La API de Notificaciones de tipo PUSH es nativa del sistema operativo, entregada incluso con la app cerrada — Service Worker + VAPID de principio a fin.