React 吉他(Guitar)
made with React

React 吉他(Guitar)

这是一个基于React的漂亮且自适应的吉他组件。

相关问答
暂无相关问题
查看全部
简介及使用教程

React 吉他(Guitar)是一个基于React的漂亮且自适应的吉他组件,可以自定义吉他的调谐、品数、左右手等。

安装

Npm

npm i react-guitar

Yarn

yarn add react-guitar

使用

引入组件

import React from 'react'
import { render } from 'react-dom'
import Guitar from 'react-guitar'

渲染

render(
  <Guitar strings={[0, 1, 2, 2, 0, -1]} />,
  document.getElementById('root')
)

使用useSound钩子自定义声音

import Guitar, { useSound } from 'react-guitar'
import E2 from 'react-guitar/resources/E2.mp3'
import D3 from 'react-guitar/resources/D3.mp3'
import G3 from 'react-guitar/resources/G3.mp3'
import E4 from 'react-guitar/resources/E4.mp3'

...

const { play, strum } = useSound({ E2, D3, G3, E4 }, strings, tuning)

<Guitar strings={strings} onPlay={play}/>

...

示例

image.png

作者

Alejandro Tardín

@4lejandrito

相关项目

这是一个用于使用React构建可访问的富Web应用程序的工具包。
这是一个使用Material-UI的文件上传Dropzone组件。
这是一个基于React.js的时间差显示组件。
这是一个开源的javascript文件上传器。
这是一个基于开源Material风格的组件库。
这是一个React组件库。
这是一个可定制和复用的React Native组件库。