/react-waveform

Generates waveform using Web Audio API.

Primary LanguageJavaScriptMIT LicenseMIT

react-waveform

Generates waveform using Web Audio API.

Install

npm install react-waveform

Props

  • buffer AudioBuffer
  • width Number
  • height Number
  • zoom Number
  • color String
  • onDone Function

Example

var React = require('react');
var Waveform = require('react-waveform');

var request = new XMLHttpRequest();
request.open('GET', 'HardaTider-Har&nu.mp3', true);
request.responseType = 'arraybuffer';

request.addEventListener('load', function () {
  var context = new (window.AudioContext || window.webkitAudioContext)();

  context.decodeAudioData(request.response, function (buffer) {
    React.render(
        <Waveform buffer={buffer} width={720} color="cadetblue" />,
        document.getElementById('waveform')
        );
  });
});

request.send();

License

MIT