Dispositivos de interfaz humana en la web: algunos ejemplos rápidos

¿Qué es la API de WebHID?

Existe una larga lista de dispositivos de interfaz humana (HID) que son demasiado nuevos, demasiado antiguos o poco comunes para que los controladores de dispositivos de los sistemas puedan acceder a ellos. La API WebHID resuelve esto proporcionando una forma de implementar la lógica específica del dispositivo en JavaScriptJavaScript es un lenguaje de programación que funciona en el lado del cliente y con el que las webs pueden ser más funcionales. Incorporación en código HTML El código JavaScript puede ser incrustado en las páginas HTML, para que adquieran funcionalidad. Existen varias opciones. Puede estar entre las etiquetas <SCRIPT> y </SCRIPT>, puede estar contenido en un archivo externo, puede ser un parámetro de las etiquetas HTML, y puede estar más.

Casos de uso sugeridos para la API de WebHID

Un HID toma información de los seres humanos o les proporciona resultados. Ejemplos de dispositivos incluyen teclados, dispositivos señaladores (mouse, pantallas táctiles, etc.) y gamepads. los Protocolo HID hace posible acceder a estos dispositivos en computadoras de escritorio utilizando controladores del sistema operativo. La plataforma web admite HID basándose en estos controladores.

La imposibilidad de acceder a dispositivos HID poco comunes es particularmente dolorosa cuando se trata de compatibilidad con gamepad. Los gamepads diseñados para PC a menudo usan HID para las entradas del gamepad (botones, joysticks, disparadores) y salidas (LED, rumble). Sin embargo, las entradas y salidas del gamepad no están bien estandarizadas y los navegadoresConcepto de Navegadores¿Qué son los Navegadores?Los Navegadores son herramientas informáticas que utilizamos para, normalmente, navegar por Internet y visitar cualquier página web, al mismo tiempo de para hacer otras tareas como ver documentos, observar vídeos o reproducir contenido multimedia de cualquier tipo. Son un tipo de software sencillamente usual y bastante utilizado hoy en día.Insistimos en que es algo que se utiliza con mucha frecuencia, puesto que moverse por Internet más web a menudo requieren una lógica personalizada para dispositivos específicos. Esto es insostenible y da como resultado un soporte deficiente para la larga cola de dispositivos más antiguos y poco comunes. También hace que el navegadorUn navegador (además: browser) es una herramienta informática que te permite ver documentos y datos y navegar por la red. Los navegadores pueden mostrar distintos tipos de recursos de información; principalmente documentos HTML, a pesar de todo, además son posibles otros tipos de archivos y contenido multimedia, como PDF, JPEG, MPEG, GIF o el lenguaje de meta marcado. A través el uso de complementos especiales y la configuración respectivo, los más dependa de las peculiaridades presentes en el comportamiento de dispositivos específicos.

Estado actual

Demos, demos, demos

Uno de los miembros de mi equipo está trabajando actualmente en un artículo de instrucciones. Dado que WebHID está comenzando una prueba de origen en Chrome 86, algunos de nosotros queríamos avisarle y compartir algunas demostraciones para jugar. Si tiene curiosidad acerca de cómo funciona alguno de estos ejemplos, el código fuenteEl código fuente es un programa de PC o página web que se convierte en un lenguaje que es leído por una máquina y se recoge en imagen y función. El código fuente es una parte importante del SEO porque determina la correcta ejecución de una página web. La optimización del código fuente es por ende parte del SEO técnico. Código fuente para páginas web Mientras que el código fuente más de todos ellos está disponible en GitHub. Hay un ejemplo de código barebones en el explicador.

Para usar las demostraciones, habilite el #enable-experimental-web-platform-features bandera en chrome://flags.

Retroiluminación del teclado de MacBook Pro

La mayor barrera para probar cualquiera de estas demostraciones es la falta de acceso al dispositivo. Afortunadamente, si tiene una MacBook Pro con TouchBar, no necesita comprar nada. Esta demostración le permite utilizar la API directamente desde su computadora portátil. También muestra cómo se puede usar WebHID para desbloquear la funcionalidad de los dispositivos integrados, no solo los periféricos.

Autor: FWeinb
Demo / Fuente: Luz de fondo del teclado

Controladores de juegos

El siguiente paso es algo que probablemente tengan menos de ustedes. El DualShock 4 de Sony es un controlador inalámbrico para consolas de juegos PlayStation 4.

La demostración de DualShock 4 utiliza WebHID para recibir los informes de entrada sin procesar del DualShock 4 y proporciona una API de alto nivel para acceder a las entradas del giroscopio, acelerómetro, panel táctil, botón y joystick del controlador. También admite retumbar y configurar el color de un LED RGB alojado dentro del controlador.

Autor: TheBITLINK
Manifestación: Demostración de DualShock 4 (Fuente)

El BlinkStick Strip

BlinkStick Strip es una tira de luz compatible con HID con 8 LED RGB. La demostración permite al usuario seleccionar entre varios patrones de parpadeo, incluidos persecución, parpadeo y escáner Larson (también conocido como Cylon).

Autor: Robat Williams
Manifestación: tira parpadeante (fuente)

Parpadear, parpadear, parpadear

¿Qué hace esta demostración? (Espérelo.) Parpadea. En realidad, son tres demostraciones que usan la luz de notificación USB parpadeante (1).

blink (1) es simple y está bien documentado, lo que lo convierte en una excelente opción para comenzar con HID.

Autor: Tod E. Kurt
Población: parpadear (1) (fuente)

Conclusión

Espero haber despertado su interés en la API de WebHID. Mire este espacio en las próximas semanas para conocer las actualizaciones y la Parte II de la introducción, que le mostrará cómo usar la API usted mismo.

Enlaces Útiles

¿Quieres ir más profundo?

Agradecimientos

Gracias a Pete LePage y Kayce vascos para revisar este artículo.

Foto por Ugur Akdemir en Unsplash