A Winamp AVS like visualization library for the web.
Try out some examples, or test your own presets on the Webvs test page
For use with package bundlers, Webvs is available on npm as
webvs. Install using
npm install webvs
and import in your code and initialize as follows
;const webvs = ...
You can also embed webvs.js directly from unpkg CDN.
or for a minified version
This script exposes a
Webvs global which you can use to initialize like so
A typical usage involves creating an Analyser from your music source (e.g. Webvs.WebAudioAnalyser to use an
audio tag or song url as a source) and initializing an instance of
Webvs.Main with it. The main object serves as the primary interface or controlling the visualization. e.g.
const analyser = ;const webvs =canvas: documentanalyser: analysershowStat: true;webvs;webvsstart;analyser;analyser;
To develop Webvs clone the repo and install packages
For typical workflow, start a dev server with
npm run dev
and point browser to
http://localhost:8080/examples/ to view webvs test page.
Fork and submit pull requests against master branch. Look for issues with help wanted label for things that we need help with. For suggestions/bug fixes use Github/Issues. Chat with us at visbot/AVS gitter channel.