🚀 Сегодня вам бесплатно доступен тренажёр по HTML и CSS.

Функция находится в статусе ограниченной доступности в Baseline.

WebHID API позволяет веб-приложениям взаимодействовать с внешними Human Interface Devices (HID), такими как игровые контроллеры, принтеры или прочие периферийные устройства. Это удобно, если нужно собрать данные с устройств, которые обычно не поддерживаются стандартными средствами браузера.

Для начала работы нужно вызвать navigator.hid.requestDevice() — она откроет окно выбора устройств, после чего можно получать данные через события oninputreport. Вот пример:

// Запрос к пользователю выбрать устройство
navigator.hid.requestDevice({ filters: [] })
  .then(devices => {
    if (devices.length > 0) {
      const device = devices[0];
      return device.open().then(() => {
        device.oninputreport = event => {
          console.log('Отчёт устройства:', event.data);
        };
      });
    }
  });

Больше обзоров веб-функций — в телеграм-канале HTML Academy.

Нашли ошибку или опечатку? Напишите нам.