https://github.com/ruebel/waveform-react

draw audio waveforms with react
https://github.com/ruebel/waveform-react

Last synced: 4 months ago
JSON representation

draw audio waveforms with react

• Host: GitHub
• URL: https://github.com/ruebel/waveform-react
• Owner: ruebel
• License: mit
• Created: 2017-10-07T01:45:06.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2019-03-22T06:25:43.000Z (over 5 years ago)
• Last Synced: 2024-08-11T09:47:41.771Z (4 months ago)
• Language: JavaScript
• Size: 5.13 MB
• Stars: 39
• Watchers: 2
• Forks: 10
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# waveform-react

> draw audio waveforms with react

## example

https://ruebel.github.io/waveform-react

## installation

`npm install waveform-react`

## usage

```js

import Waveform from 'waveform-react';

class MyComponent extends React.Component {

  render() {

    return (

       console.log(pos)}

        // Wave plot type (line or bar)

        plot="bar"

        // Marker position on waveform (0 - 1)

        position={0.5}

        // redraw waveform on window size change (default: true)

        responsive={false}

        // Show position marker

        showPosition={true}

        waveStyle={{

          // animate waveform on draw (default: true)

          animate: true,

          // waveform color

          color: '#000',

          // width of each rendered point (min: 1, max: 10)

          pointWidth: 1

        }}

        // waveform width

        width={900}

      />

    );

  }

}

```

## license

MIT © [Randy Uebel]([email protected])