WebHID

<!doctype html>
<meta charset="utf-8">
<title>WebHID · ejemplo mínimo</title>
<!-- Lee los informes de entrada en bruto de un dispositivo HID (mando, teclado especial, pedal…).
     Chrome y Edge de escritorio. HTTPS o localhost. -->
<button id="connect">Conectar dispositivo HID</button>
<pre id="out"></pre>
<script>
  const out = document.querySelector('#out');
  const hex = (view) => [...new Uint8Array(view.buffer, view.byteOffset, view.byteLength)].map((b) => b.toString(16).padStart(2, '0')).join(' ');

  document.querySelector('#connect').onclick = async () => {
    if (!('hid' in navigator)) return (out.textContent = 'WebHID no está disponible en este navegador.');
    // Sin filtros se listan todos; en producción filtra por vendorId/productId o por usagePage
    const [device] = await navigator.hid.requestDevice({ filters: [] });
    if (!device) return;
    await device.open();
    out.textContent = `${device.productName} · vendor 0x${device.vendorId.toString(16)} · product 0x${device.productId.toString(16)}\n`;
    device.addEventListener('inputreport', (e) => {
      out.textContent = `${device.productName}\ninforme ${e.reportId}: ${hex(e.data)}`;
    });
  };

  // Los dispositivos ya autorizados vuelven sin preguntar
  navigator.hid?.getDevices().then((devices) => devices.length && console.log('Autorizados:', devices));
</script>