A simple React component which creates a frequency and play it

react-frequency

A simple React component which creates a frequency and play it !

Live Demo

Installation

npm

npm install react-frequency

yarn

yarn add react-frequency

Usage

import React from 'react';
import { Frequency } from 'react-frequency';

const App = () => (
  <Frequency
    hz={174}
  />
);

The component does not return any elements.
It emits a frequency generated thanks to the AudioContext API of JavaScript.
The only props required is hz

Props

Name Default Description
hz required The frequency corresponds to the number of vibrations per second.
The human ear hears values ranging from 20Hz to 20,000Hz
type not required “center” The type defines from which side the sound will come out.
Values can be “left”, “center” or “right”
gain not required 1 The gain defines the ability to increase the strength of a signal.
Value is float between 0 and 1
oscillator not required “sine” It specifies what shape of waveform the oscillator will output.
Values can be “sine”, “square”, “sawtooth” or “triangle”

A complete exemple is available in the Live Demo

GitHub

View Github