Demostración de Web APIs

Explora ejemplos prácticos e interactivos de las principales APIs nativas del navegador. Solo HTML, CSS y JavaScript — sin backend ni dependencias.

DOM

Manipula elementos HTML, nodos y eventos para crear interfaces dinámicas e interactivas.

Dibuja gráficos, elige color y grosor de línea, y crea ilustraciones interactivas en 2D.

Accede a la cámara del dispositivo, elige entre varias y muestra el video en tiempo real.

Guarda y recupera datos usando LocalStorage, SessionStorage y Cookies de forma sencilla.

Realiza peticiones HTTP con Fetch y prueba comunicación en tiempo real con WebSocket.

Obtén la ubicación actual del usuario usando la API de geolocalización del navegador.

Selecciona archivos locales y muestra información básica como nombre, tipo y tamaño.

Solicita permiso y muestra notificaciones nativas del sistema desde el navegador.

Consulta permisos y explora la API de gestión de credenciales del navegador.

Ejemplos de Canvas básico, WebGL (placeholder) y animaciones con Web Animations API.

Carga una imagen desde tu dispositivo, visualízala en el canvas e invierte sus colores fácilmente.

Detecta si usas móvil, tablet o escritorio y muestra la orientación y ángulos del dispositivo en tiempo real.

Graba audio desde el micrófono y reprodúcelo directamente en el navegador.

Reproduce archivos de audio y video cargados desde tu dispositivo.

Ejemplos de Fullscreen, portapapeles, drag & drop y diálogos nativos del navegador.