react-looper v0.2.8

Web Audio API based Looper component for React

• • Connect your own AudioContext (or use the default one 🤖)
• • Built-in tweakable oscillator as metronome (tick, tick, tick...💣)
• • Loop your audio file each X bars (just provide the arrayBuffer 👍)

Installation and usage

yarn add react-looper

Metronome

import Looper from "react-looper"

<Looper playing />

99 BPM

<Looper bpm={99} playing />

Play each 4 bars

<Looper bpm={99} playEach={4} playing />

Props

Additional props

oscillator

This object can be provided in order to configure Looper's oscillator and its duration (ms).

const oscillatorConfig = {
	duration: 0.05,
	detune: 1,
	frequency: 555,
	type: "square",
}

<Looper playing oscillator={oscillatorConfig} />

License

MIT Licensed. Copyright (c) Peter Sherhsov 2018.