介绍
Jamstik 是一种便携式吉他，旨在为音乐制作人和初学者提供更简单和更具可操作性的选择。 npm 包 jamstik 为前端开发人员提供了使用 Jamstik 的便捷方法。
在本文中，我们将讨论通过 npm 包 jamstik 在前端项目中使用 Jamstik 的步骤。 我们还将展示如何使用 Jamstik 的基础功能演奏音符和旋律。
前提条件
在继续本教程之前，您需要：
- 拥有一台 Jamstik 吉他
- 一个 npm 包管理器
安装
安装 jamstik npm 包是很简单的，只需要在命令行中输入以下命令：
npm install jstik
开始使用
在使用 Jamstik 之前，需要调用 connect() 方法与您的设备进行连接，然后调用 start() 方法开始处理输入。
-- -------------------- ---- -------
----- ------- - -----------------
----- --------- - --- ----------
-------------------
-------- -- -
---------------------- -- -----------
------------------ -- ------
--
------------ -- -
-------------------
---您现在已经成功连接 Jamstik，接下来我们将使用 Jamstik 演奏音符和旋律。
基础函数
为了让 Jamstik 发出声音，您需要了解以下基础函数：
play(note, velocity): 播放一个音符，可使用 MIDI 注释或数字。stop(note): 停止播放一个音符，可使用 MIDI 注释或数字。
以下是一个简单的实例，演奏说明1上的音符：
myJamstik.play('C0', 127);现在演奏音符的时候，可以使用 Jamstik 上的音符。
手势检测
Jamstik 还允许您检测用户在吉他上执行的手势，例如滑动、弹奏和弯曲。 以下是一些用于检测手势的函数：
onInput(func): 当输入时调用回调函数。onSlide(func): 当滑动时调用回调函数。onFretPress(func): 当按弦时调用回调函数。onFretRelease(func): 当松开弦执行回调函数。
myJamstik.onFretPress((fret) => {
console.log(`Pressed fret ${fret}`);
});
myJamstik.onFretRelease((fret) => {
console.log(`Released fret ${fret}`);
});示例
现在，让我们演奏一个简单的旋律。在这个示例中，我们将使用以下函数：
play(note, velocity): 用于播放音符。stop(note): 用于停止播放音符。
-- -------------------- ---- -------
-------------------
-------- -- -
---------------------- -- -----------
------------------
-------------------- -----
------------- -- -
---------------------
-------------------- -----
-- ------
------------- -- -
---------------------
-------------------- -----
-- ------
--
-------------- -- -
-------------------
---结论
在本教程中，我们介绍了如何使用 npm 包 jamstik 的基本知识，让您可以开始在前端项目中使用 Jamstik。我们还演示了如何使用 Jamstik 的基础功能演奏音符和旋律，并介绍了如何检测用户在 Jamstik 上执行的手势。希望本文对你有帮助，感谢你的阅读！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600566af81e8991b448e2eee