audio-visualiser
Advanced tools
<audio-visualiser>FFT Audio Analyser visuals ready for retina displays.
Note: Uses ResizeObserver. Polyfill it on your end.
| Method | Description | Related media event |
|---|---|---|
set analyser | Set analyser to read data from. | |
start() | Start the visuals drawing loop. | play |
stop() | Stop the visuals drawing loop. | pause / ended |
| Attribute | Description |
|---|---|
color | Sets the color of the visual. |
Install audio-visualiser via npm or import it in your ES module supported browser with import 'https://unpkg.com/audio-visualiser?module';
Create an AnalyserNode and connect it to by calling the setter analyser on the instance of the custom element. document.querySelector('audio-visualiser').analyser = yourAnalyserNode;. For a little live demo of this you can check out https://enjikaka.github.io/audio-visualiser/. Open dev tools or view-source to see how the tag is set up to the analyser via createMediaElementSource.
FAQs
Web component audio visualiser
The npm package audio-visualiser receives a total of 4 weekly downloads. As such, audio-visualiser popularity was classified as not popular.
We found that audio-visualiser demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
Security News
Socket researchers uncover a malicious npm package posing as a tool for detecting vulnerabilities in Etherium smart contracts.
Security News
Research
A supply chain attack on Rspack's npm packages injected cryptomining malware, potentially impacting thousands of developers.
Research
Security News
Socket researchers discovered a malware campaign on npm delivering the Skuld infostealer via typosquatted packages, exposing sensitive data.