wave-visualizer
Advanced tools
Audio visualizer library for javascript
Weekly downloads
Readme
Minimal wave visualizer for javascript from wave.js Visual audio from element or micro phone stream
npm i wave-visualizer
If your using npm use a default import to include wave.
import Wave from 'wave-visualizer';
Create a new wave object.
var wave = new Wave();
If your working with React, put the wave instance in state.
let [wave] = useState(new Wave());
Call one of the three main function on the wave object, fromFile, fromStream, fromElement.
wave.fromElement('audio_element_id', 'canvas_id');
View the current documentation for Wave.js here.
<html>
<head></head>
<body>
<canvas id="output" height="500" width="500"></canvas>
<script src="../dist/bundle.cjs.js"></script>
<script>
let wave = new Wave();
navigator.mediaDevices
.getUserMedia({
audio: true,
})
.then(function (stream) {
wave.fromStream(stream, 'output', {
colors: ['red', 'white', 'blue'],
});
})
.catch(function (err) {
console.log(err.message);
});
</script>
</body>
</html>
Audio visualizer library for javascript
The npm package wave-visualizer receives a total of 159 weekly downloads. As such, wave-visualizer popularity was classified as not popular.
We found that wave-visualizer demonstrated a not healthy version release cadence and project activity. It has 1 open source maintainer collaborating on the project.