https://github.com/goto-bus-stop/frequency-bars
nanocomponent rendering realtime audio frequencies as a bar chart
https://github.com/goto-bus-stop/frequency-bars
Last synced: 2 months ago
JSON representation
nanocomponent rendering realtime audio frequencies as a bar chart
- Host: GitHub
- URL: https://github.com/goto-bus-stop/frequency-bars
- Owner: goto-bus-stop
- License: other
- Created: 2018-09-06T11:18:18.000Z (almost 7 years ago)
- Default Branch: default
- Last Pushed: 2023-05-31T04:59:01.000Z (about 2 years ago)
- Last Synced: 2025-03-23T03:06:10.321Z (3 months ago)
- Language: JavaScript
- Homepage: https://goto-bus-stop.github.io/frequency-bars
- Size: 170 KB
- Stars: 9
- Watchers: 2
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE.md
Awesome Lists containing this project
README
# frequency-bars
nanocomponent rendering realtime audio frequencies as a bar chart
[Install](#install) - [Usage](#usage) - [License: Apache-2.0](#license)
[![npm][npm-image]][npm-url]
[![travis][travis-image]][travis-url]
[![standard][standard-image]][standard-url]
[npm-image]: https://img.shields.io/npm/v/frequency-bars.svg?style=flat-square
[npm-url]: https://www.npmjs.com/package/frequency-bars
[travis-image]: https://img.shields.io/travis/com/goto-bus-stop/frequency-bars.svg?style=flat-square
[travis-url]: https://travis-ci.com/goto-bus-stop/frequency-bars
[standard-image]: https://img.shields.io/badge/code%20style-standard-brightgreen.svg?style=flat-square
[standard-url]: http://npm.im/standard
## Install
```
npm install frequency-bars
```
## Usage
```js
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`
${bars.render({
width: 400,
height: 240,
background: '#222',
audio
})}
`)
audio.play()
```
## License
[Apache-2.0](LICENSE.md)