Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://developer.mozilla.org/ja/docs/Web/API/Web_MIDI_API below:

Web MIDI API - Web API

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

Web MIDI API は、Musical Instrument Digital Interface (MIDI) デバイスに接続して操作します。

このインターフェイスは、MIDI メッセージの送受信の実用的な側面を扱います。 そのため、この API は音楽用途でも音楽以外の用途でも、コンピューターに接続された任意の MIDI デバイスを扱うことができます。

MIDIInputMap

すべての利用可能な MIDI 入力ポートを表します。

MIDIOutputMap

すべての利用可能な MIDI 出力ポートを表します。

MIDIAccess

入力デバイスや出力デバイスを列挙したり、個々のデバイスにアクセスしたりするメソッドを提供します。

MIDIPort

個々の MIDI ポートを表します。

MIDIInput

入力ポートから受信する MIDI メッセージを扱うメソッドを提供します。

MIDIOutput

接続された MIDI ポートに送信するメッセージをキューに追加します。メッセージはすぐに送信することも、指定の遅延の後で送信することもできます。

MIDIMessageEvent

MIDIInput.midimessage_event に渡されるイベントです。

MIDIConnectionEvent

ポートが利用可能になったり利用不可能になったりした時、MIDIAccess.statechange_event および MIDIPort.statechange_event イベントに渡されるイベントです。

この API へのアクセスは、navigator.requestMIDIAccess() メソッドを用いて要求します。

• このメソッドは保護されたコンテキストで呼び出す必要があります。
• アクセスは midi HTTP Permission Policy により制限される可能性があります。
• ユーザーがユーザーエージェント固有のメカニズムによりこの API を用いる許可を明示的に与えるか、既に許可が与えられている必要があります。 なお、アクセスが Permission Policy により拒否された場合は、ユーザーがアクセスを許可することはできません。

許可の状態は、Permissions API のメソッド navigator.permissions.query() に権限 midi と (省略可能な) sysex プロパティを設定した権限ディスクリプターを渡すことで取得できます。

navigator.permissions.query({ name: "midi", sysex: true }).then((result) => {
  if (result.state === "granted") {
    // アクセスが許可されました
  } else if (result.state === "prompt") {
    // API を使用すると、許可を求めるプロンプトが表示されます
  }
  // ユーザープロンプトまたは Permission Policy により権限が拒否されました
});

navigator.requestMIDIAccess() メソッドは MIDIAccess オブジェクトで解決する Promise を返します。このオブジェクトを利用して MIDI デバイスにアクセスできます。 このメソッドは、保護されたコンテキストで呼ばれる必要があります。

let midi = null; // グローバルの MIDIAccess オブジェクト
function onMIDISuccess(midiAccess) {
  console.log("MIDI の準備ができました！");
  midi = midiAccess; // グローバル変数に保存する (実際の使用法では、オブジェクトインスタンスに格納するのがよいでしょう)
}

function onMIDIFailure(msg) {
  console.error(`MIDI アクセスの取得に失敗しました - ${msg}`);
}

navigator.requestMIDIAccess().then(onMIDISuccess, onMIDIFailure);

この例では、入力ポートと出力ポートのリストを取得し、コンソールに出力します。

function listInputsAndOutputs(midiAccess) {
  for (const entry of midiAccess.inputs) {
    const input = entry[1];
    console.log(
      `入力ポート [type:'${input.type}']` +
        ` id:'${input.id}'` +
        ` manufacturer:'${input.manufacturer}'` +
        ` name:'${input.name}'` +
        ` version:'${input.version}'`,
    );
  }

  for (const entry of midiAccess.outputs) {
    const output = entry[1];
    console.log(
      `出力ポート [type:'${output.type}'] id:'${output.id}' manufacturer:'${output.manufacturer}' name:'${output.name}' version:'${output.version}'`,
    );
  }
}

この例では、1 個のポートで受信した MIDI メッセージをコンソールに出力します。

function onMIDIMessage(event) {
  let str = `タイムスタンプ ${event.timeStamp} に受信した MIDI メッセージ [${event.data.length} バイト]: `;
  for (const character of event.data) {
    str += `0x${character.toString(16)} `;
  }
  console.log(str);
}

function startLoggingMIDIInput(midiAccess, indexOfPort) {
  midiAccess.inputs.forEach((entry) => {
    entry.onmidimessage = onMIDIMessage;
  });
}

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4