npm 包 specular-midi 使用教程-JavaScript中文网-JavaScript教程资源分享门户

说明

specular-midi 是一个基于 Web MIDI API 开发的 npm 包，用于在浏览器中实现 MIDI 设备的读取和控制。本文将介绍如何使用 specular-midi 进行前端开发，并提供使用示例代码。

安装

可以通过 npm 包管理工具进行安装：

npm install specular-midi --save

使用

初始化

导入 specular-midi 包，创建连接对象。示例代码如下：

import { SpecularMidi } from 'specular-midi';
const specularMidi = new SpecularMidi();

查找 MIDI 设备

调用 specularMidi.getInputs() 方法获取所有可用的 MIDI 输入设备列表。示例代码如下：
```
const inputs = await specularMidi.getInputs();
```
调用 specularMidi.getOutputs() 方法获取所有可用的 MIDI 输出设备列表。示例代码如下：
```
const outputs = await specularMidi.getOutputs();
```

监听 MIDI 消息

调用 specularMidi.openInput() 方法打开指定的 MIDI 输入设备并监听 MIDI 消息。示例代码如下：

const input = inputs[0];
await specularMidi.openInput(input.id, (message) => {
  console.log('MIDI message received:', message);
});

调用 specularMidi.closeInput() 方法关闭指定的 MIDI 输入设备并停止监听 MIDI 消息。示例代码如下：
```
await specularMidi.closeInput(input.id);
```

发送 MIDI 消息

调用 specularMidi.openOutput() 方法打开指定的 MIDI 输出设备并发送 MIDI 消息。示例代码如下：

const output = outputs[0];
await specularMidi.openOutput(output.id).then((midiAccess) => {
  midiAccess.send([0x90, 60, 127]);
});

调用 specularMidi.closeOutput() 方法关闭指定的 MIDI 输出设备。示例代码如下：
```
await specularMidi.closeOutput(output.id);
```

示例代码

下面是一个完整的示例代码，演示如何通过 specular-midi 监听 MIDI 输入设备，并将数据反映到页面上：

-- -------------------- ---- -------
------
  ------
    ----- --------------- --
    ----- --------------- ---------------------------- --
    ----------- ------------
  -------
  ------
    ---- ------------------
    ------- ----------------------------------------------------------------------
    --------
      ------ - ------------ - ---- ----------------
      ----- ------------ - --- ---------------
      ----------------------------------- -------- -- -
        ----- ----- - ----------
        ----- -------------------------------- --------- -- -
          ----- ------ - -----------
          ----- ---- - -----------
          ----- -------- - -----------
          ----- ------ - ----------------------------------
          ---------------- - -------- ------------------ -------------------- -------------
        ---
      ---
    ---------
  -------
-------

意义

specular-midi 提供了一个便捷的方式来读取和控制 MIDI 设备，使得进行 Web MIDI 编程变得简单易行。通过学习和掌握 specular-midi，前端工程师可以更好地应对多媒体编程、音乐创作等领域的工作需求。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/6006709f8ccae46eb111f033