文件名称：react-piano:用于React的交互式钢琴键盘
文件大小：458KB
文件格式：ZIP
更新时间：2024-05-18 17:40:37
react music piano JavaScript
React钢琴 用于React的交互式钢琴键盘。 支持自定义声音，触摸/单击/键盘事件以及完全可配置的样式。 。 正在安装 yarn add react-piano 或者，您可以从下载UMD版本。 用法 您可以查看或派生以获取该组件的实时版本。 导入组件和样式： import { Piano , KeyboardShortcuts , MidiNumbers } from 'react-piano' ; import 'react-piano/dist/styles.css' ; 导入CSS需要CSS加载程序（如果您使用的是create-react-app，则已经为您设置好了）。 如果没有CSS加载器，则可以从将CSS文件复制到项目。 然后使用组件： function App ( ) { const firstNote = MidiNumbers . fromNote (
【文件预览】：
react-piano-master
----.eslintrc(29B)
----rollup.config.js(1KB)
----yarn.lock(259KB)
----src()
--------styles.css(2KB)
--------ControlledPiano.js(6KB)
--------Keyboard.js(4KB)
--------Key.js(3KB)
--------MidiNumbers.test.js(2KB)
--------KeyboardShortcuts.test.js(1012B)
--------Piano.js(3KB)
--------MidiNumbers.js(3KB)
--------KeyboardShortcuts.js(2KB)
--------setupTests.js(123B)
--------index.js(285B)
--------Piano.test.js(9KB)
----.babelrc(215B)
----.prettierrc.json(100B)
----demo()
--------.env(26B)
--------.eslintrc(29B)
--------public()
--------yarn.lock(454KB)
--------src()
--------README.md(505B)
--------.gitignore(285B)
--------package.json(965B)
----.travis.yml(37B)
----LICENSE(1KB)
----README.md(6KB)
----jest.config.json(124B)
----.gitignore(299B)
----CHANGELOG.md(3KB)
----package.json(2KB)