frequency-bars

nanocomponent rendering realtime audio frequencies as a bar chart

Usage no npm install needed!

<script type="module">
  import frequencyBars from 'https://cdn.skypack.dev/frequency-bars';
</script>

README

frequency-bars

nanocomponent rendering realtime audio frequencies as a bar chart

Install - Usage - License: Apache-2.0

npm travis standard

Install

npm install frequency-bars

Usage

var FrequencyBars = require('frequency-bars')
var html = require('nanohtml')

var bars = new FrequencyBars()
var audio = new Audio('./path/to/audio.mp3')

document.body.appendChild(html`
  <div>
    ${bars.render({
      width: 400,
      height: 240,
      background: '#222',
      audio
    })}
  </div>
`)

audio.play()

License

Apache-2.0