HID.requestDevice()

安全なコンテキスト用: この機能は一部またはすべての対応しているブラウザーにおいて、安全なコンテキスト (HTTPS) でのみ利用できます。

Experimental: これは実験的な機能です。
本番で使用する前にブラウザー互換性一覧表をチェックしてください。

HID インターフェイスの requestDevice() メソッドは、HID デバイスへのアクセスを要求します。

ユーザーエージェントは接続されたデバイスのリストを含む許可ダイアログを表示し、ユーザーにそれらのデバイスから 1 個を選んで許可するように要求するでしょう。

構文

requestDevice(options)

引数

options

ペアリング可能なデバイスを抽出する用のフィルターオブジェクトの配列を含むオブジェクトです。それぞれのフィルターオブジェクトは以下のプロパティを持つことができます。

vendorId 省略可

要求する HID デバイスのベンダー ID を表す整数です。

productId 省略可

要求する HID デバイスのプロダクト ID を表す整数です。

usagePage 省略可

要求するデバイスの HID 使用法の Usage Page 部分を表す整数です。トップレベルのコレクションの使用法は、デバイスの種類を特定するために使用されます。

標準の HID 使用法の値は、HID Usage Tables に載っています。

usage 省略可

要求するデバイスの HID 使用法の Usage ID 部分を表す整数です。

メモ: デバイスフィルターは、ユーザーに提示するデバイスリストを絞り込むために使われます。フィルターが無い場合、接続された全てのデバイスが表示されます。1 個以上のフィルターが含まれている場合、デバイスはいずれかのフィルターに当てはまればリストに入ります。フィルターに当てはまるには、そのフィルターに含まれるルール全てに当てはまる必要があります。

返値

指定されたフィルターに当てはまり接続された HIDDevice オブジェクトの配列で解決する Promise を返します。

例外

SecurityError DOMException

ページが HID 機能へのアクセスを許可しないとき投げられます。

セキュリティ

ユーザーによる一時的な有効化が必要です。この機能が動作するためには、ユーザーがページまたは UI 要素を操作しなければなりません。

例

4 種類全てのフィルタールールによってデバイスを特定する

この例では、HID デバイスはベンダー ID 0xABCD、プロダクト ID 0x1234、Usage Page 0x0C、Usage ID 0x01 を持つことを要求されます。これらのルール全てを満たすデバイスのみが表示されます。

let requestButton = document.getElementById("request-hid-device");
  requestButton.addEventListener("click", async () => {
    let device;
    try {
      const devices = await navigator.hid.requestDevice({
        filters: [
          {
            vendorId: 0xabcd,
            productId: 0x1234,
            usagePage: 0x0c,
            usage: 0x01,
          },
        ],
      });
      device = devices[0];
    } catch (error) {
      console.log("エラーが発生しました。");
    }

    if (!device) {
      console.log("デバイスが選択されませんでした。");
    } else {
      console.log(`HID: ${device.productName}`);
    }
  });

2 種類のフィルターを用いる例

次の例は 2 種類のフィルターを用いています。これらのフィルターのいずれかに当てはまるデバイスが表示されます。

// Nintendo Switch Joy-Con の USB ベンダー / プロダクト ID を持つデバイスを抽出します。
  const filters = [
    {
      vendorId: 0x057e, // Nintendo Co., Ltd
      productId: 0x2006 // Joy-Con Left
    },
    {
      vendorId: 0x057e, // Nintendo Co., Ltd
      productId: 0x2007 // Joy-Con Right
    }
  ];

  // ユーザーに Joy-Con デバイスを選択するよう指示します。
  const [device] = await navigator.hid.requestDevice({ filters });

仕様書

Specification
WebHID API
# dom-hid-requestdevice

ブラウザーの互換性

BCD tables only load in the browser