npm 包 specular-midi 使用教程

说明

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

安装

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

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

使用

初始化

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

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

查找 MIDI 设备

  1. 调用 specularMidi.getInputs() 方法获取所有可用的 MIDI 输入设备列表。示例代码如下：

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

  2. 调用 specularMidi.getOutputs() 方法获取所有可用的 MIDI 输出设备列表。示例代码如下：

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

监听 MIDI 消息

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

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

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

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

发送 MIDI 消息

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

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

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

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

示例代码

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

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

意义

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

来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6006709f8ccae46eb111f033

阅读全文

猜你喜欢

  • npm 包 spotify-port-scanner-node 使用教程

    前言 在前端开发中，有很多需要使用网络相关的技术和工具，比如网络请求和端口扫描等。其中，端口扫描是一个非常重要的工具，可以帮助我们分析网络状态和找出可能的安全漏洞等。

    4 年前
  • NPM 包 Spotify-preview-widget 使用教程

    在前端开发中，我们经常需要使用各种第三方库来完成一些特定的功能。而 NPM 作为 JavaScript 的包管理工具，为我们提供了许多优秀的第三方库。其中，spotify-preview-widget...

    4 年前
  • npm 包 spotify-refresh 使用教程

    1. 简介 spotify-refresh 是一个 npm 包，可以用来刷新 Spotify 的 access token，这个 access token 可以用来访问 Spotify 的 Web A...

    4 年前
  • npm 包 spotify-radio-to-playlist 使用教程

    介绍 Spotify 是一款流行的音乐服务，它的广播功能（Radio）让用户可以通过选择一个歌手、专辑或者曲目来创建一个类似的播放列表，以此探索更多的音乐。spotify-radio-to-playl...

    4 年前
  • npm包spotify-request的使用教程

    什么是npm包spotify-request？ npm是Node.js的包管理器，spotify-request是一个调用Spotify音乐API的npm包，可以帮助开发者轻松调用Spotify的音乐...

    4 年前
  • npm 包 sphaera 使用教程

    简介 sphaera 是一个简单易用的前端视觉编排工具，它能够帮助开发者快速生成漂亮的图表、表格等数据可视化组件。它完全基于 Vue.js 打造，支持多种数据格式，包括数组、JSON、CSV 等。

    4 年前
  • npm 包 sphere 使用教程

    简介 Sphere 是一个基于 WebGL 的三维库，可以用于创建 3D 场景。Sphere 可以加载先进的 3D 模型和贴图，让您创建具有逼真物理效果和动画的 3D 场景。

    4 年前
  • npm 包 sphere-ipinfo-mashup 使用教程

    介绍 sphere-ipinfo-mashup 是一个基于 Node.js 平台的 npm 包，它提供了一种简便的方式来获取指定 IP 地址的信息。它整合了多个 API 来获取更完整全面的数据，并且支...

    4 年前
  • npm 包 sphere-deleter 使用教程

    简介 sphere-deleter 是一个方便快捷删除 JavaScript 代码中多余代码块的工具。它可以删除无用的 console 语句、注释和调试代码，能够提高代码的性能和可读性。

    4 年前
  • npm 包 sphere-knn 使用教程

    在前端领域中，涉及到大量的数据处理，其中，k近邻算法是常用的一种，它能够在一个给定数据集中找到与给定数据最接近的k个数据点。在球面数据处理方面，需要使用特殊的k近邻算法，这就需要使用到npm包sphe...

    4 年前
  • npm 包 sphere-node-sync 使用教程

    作为前端开发者，我们经常需要在项目中使用各种 npm 包来实现更高效、更便捷的开发。今天，我们要介绍的是一个非常实用的 npm 包——sphere-node-sync，它可以帮助我们轻松实现前后端节点...

    4 年前
  • npm 包 sql-json-generator 使用教程

    在前端开发中，我们经常需要处理数据库数据。而在处理数据库数据时，我们需要将数据从数据库中取出来并在前端渲染。然而，数据库中的数据通常是以 SQL 格式存储的，而前端通常需要的是 JSON 格式的数据。

    4 年前
  • npm包 sql-js使用教程

    1. 简介 在前端开发中，处理数据是必不可少的一环。通常情况下，我们需要从服务器请求数据，然后将数据通过客户端渲染到页面上。然而，在某些情况下，我们需要在前端对数据进行一些特定操作，例如排序、筛选、聚...

    4 年前
  • NPM 包 sql-load 使用教程

    简介 sql-load 是一个基于 Node.js 平台的 NPM 包，用于将 SQL 文件加载到 JavaScript 代码中。它提供了一个快速、简单的方法来加载 SQL 文件并将其导入到代码中。

    4 年前
  • npm 包 sql-mapper 使用教程

    介绍 随着 Web 应用的不断发展，前端技术也日益成熟，前端工程师的技能要求也越来越高。其中，前端和后端交互是 Web 应用的重中之重。在后端开发中，多数情况下都采用 SQL 语句操作数据库。

    4 年前
  • npm 包 sql-loader 使用教程

    什么是 sql-loader？ sql-loader 是一款基于 webpack 打包的 npm 包，可用于加载 SQL 文件并将其转换为 JavaScript 对象，并进行动态查询操作。

    4 年前
  • npm 包 spotify-sdk 使用教程

    前言 Spotify 是一个广受欢迎的流媒体音乐平台，它拥有庞大的音乐库和用户群体。而 Spotify 的 SDK 则是前端开发人员可以使用的一个 JavaScript 库，它提供了丰富的 API 功...

    4 年前
  • npm 包 spotify-search-tracks 使用教程

    简介 spotify-search-tracks 是一个基于 Node.js 的 npm 包，提供了搜索 Spotify 音乐库中歌曲的功能。在前端应用中，我们可以使用这个包来为用户提供 Spotif...

    4 年前
  • npm 包 spotify-terminal 使用教程

    在前端开发中，我们经常需要与 API 接口进行交互。其中，音乐 API 接口是一个广泛而深入的领域。spotify-terminal 是一个基于 Node.js 平台的 npm 包，它提供了一个简单易...

    4 年前
  • npm 包 sphere-node-connect 使用教程

    在前端开发中，我们经常需要使用到第三方库来实现一些功能。npm 是常用的 JavaScript 包管理工具，可安装、发布、共享代码包。在本文中，我们将介绍一个非常实用的 npm 包——sphere-n...

    4 年前

相关推荐

    暂无文章