devices Native Browser APIs

Explorador de Capacidades Nativas

Descubre el poder de las APIs modernas del navegador. Selecciona una demo para comenzar.

La File System Access API permite a las aplicaciones web acceder al sistema de archivos nativo del dispositivo del usuario tras conceder el permiso. Puedes abrir, leer, editar y guardar archivos de texto e imágenes.

La Web Authentication API (WebAuthn) permite autenticación sin contraseña a través del lector de huella dactilar, FaceID o una llave USB de seguridad externa. Registra una credencial y luego autentícate.

person

La Shape Detection API detecta rostros en imágenes y video. En algunos navegadores también detecta ojos, nariz y boca. Usa la cámara para detectar tu rostro en tiempo real.

Para probar en dispositivos móviles (Chrome):
  1. Abre Chrome en tu teléfono Android o iPhone.
  2. Escribe chrome://flags en la barra de direcciones y pulsa "Ir".
  3. En la barra de búsqueda superior, escribe: experimental web platform.
  4. Localiza la opción: Experimental Web Platform features.
  5. Cambia el menú desplegable de "Default" a Enabled.
  6. Toca el botón Relaunch (Reiniciar) en la parte inferior para aplicar los cambios.

La Barcode Detection API detecta códigos de barras y códigos QR en imágenes. Escanea un código usando la cámara del dispositivo. Si se detecta una URL, se te preguntará si deseas navegar a ella.

La Screen Capture API permite capturar la pantalla, una ventana o una pestaña del navegador. Puedes grabar la captura y descargar el video resultante.

Aviso para dispositivos móviles:

Debido a restricciones de privacidad de Android e iOS, el navegador no tiene permiso para capturar la pantalla entera del teléfono. Esta función está limitada a ordenadores (PC/Mac/Linux).

Graba audio usando MediaRecorder y visualiza la forma de onda en tiempo real con Web Audio API. Puedes reproducir y descargar la grabación.

El DeviceOrientationEvent proporciona información sobre la orientación física del dispositivo. Los valores Alpha, Beta y Gamma representan la rotación en los ejes Z, X e Y respectivamente.

Alpha (Z)
--
Beta (X)
--
Gamma (Y)
--
F
B
R
L
T
Bo

El DeviceMotionEvent proporciona información sobre la aceleración y velocidad de rotación del dispositivo. Mueve tu dispositivo para ver los cambios en tiempo real.

Aceleración X
--
Aceleración Y
--
Aceleración Z
--
Rotación α
--
Rotación β
--
Rotación γ
--

Los Touch Events permiten capturar comportamiento táctil complejo. Toca la zona de dibujo con uno o más dedos para dibujar trazos de colores diferentes por cada punto de contacto.

Toques activos: 0

La View Transitions API permite transiciones fluidas tipo app nativa entre estados de la interfaz. Haz clic en las tarjetas o botones para ver las transiciones animadas.

star Elemento 1
favorite Elemento 2
bolt Elemento 3
diamond Elemento 4
rocket_launch Elemento 5
auto_awesome Elemento 6