User Experience on mobile might not be great yet, but I'm working on it.

Your first time on this page? Allow me to give some explanations.

Awesome Audio Visualization

A curated list about Audio Visualization.

Here you can see meta information about this topic like the time we last updated this page, the original creator of the awesome list and a link to the original GitHub repository.

Last Update: Aug. 7, 2022, 10:04 p.m.

Thank you willianjusten & contributors

View Topic on GitHub:
willianjusten/awesome-audio-visualization

Search for resources by name or description.
Simply type in what you are looking for and the results will be filtered on the fly.

Further filter the resources on this page by type (repository/other resource), number of stars on GitHub and time of last commit in months.

What is Audio Visualization?

https://en.wikipedia.org/wiki/Music_visualiz…

Check the logo in action

http://www.shiz.co/aav/

Books

https://webaudioapi.com/book/

Downloads

Console-based Audio Visualizer for Alsa

2.23K

152

10m

MIT

http://soundwhich.com/

Beeple's resource (inspirational C4D "open source" files)

http://www.beeple-crap.com/resources.php

http://freesound.org/

http://audiojungle.net/

http://www.sixbitdeep.com/shop/

Samplephonics - Free Stuff

http://store.samplephonics.com/collections/f…

http://www.wavealchemy.co.uk/free-samples/

http://www.audioanimals.co.uk/shop-categorie…

Bed Room Producers Blog

http://bedroomproducersblog.com/free-samples/

Free Music Archive

:copyright: An interactive library of high-quality, legal audio downloads directed by WFMU, the most renowned freeform radio station in America.

http://freemusicarchive.org/

http://www.musicradar.com/news/tech/free-mus…

How to Make Electronic Music Freebies

http://howtomakeelectronicmusic.com/category…

http://motionsound.io/

Experiments

elifer5000/vr-ondes-martenot

VR Ondes Martenot

5

0

3y 5m

MIT

Teoxoy/audio-visualizer

A web audio visualizer experiment

16

3

2y 23d

MIT

mfcc64/youtube-musical-spectrum

Audio visualizer for YouTube with musical notes.

107

4

11m

n/a

Audible Visuals

https://soniaboller.github.io/audible-visual…

https://dazzling-jang-471a34.netlify.com/

http://hughsk.io/moire-1/

https://findinglove.activetheory.net/

http://play.mubert.com/en/

cables. Drag to rotate, scroll to zoom.

http://netlabelday2016.yarnaudio.com/

Luis Henrique Bizarro Portfolio

https://lhbzr.com/

https://willianjusten.com.br/audio-experimen…

Adventure Machine

http://www.madeon.fr/adventuremachine/

https://uberviz.io/viz/bbng/

Born in the Echoes

http://bornintheechoes.com/

Chrome Music Lab

https://musiclab.chromeexperiments.com/

http://www.dennis.video/

http://jojo.ninja/fluctus/

George & Jonathan III

http://www.georgeandjonathan.com/

http://goy-goy.herokuapp.com/

https://www.uberviz.io/viz/lantern/

http://labs.fluuu.id/lines/

https://www.uberviz.io/viz/nero/

http://ommexperience.com/

https://www.uberviz.io/viz/pareidolia/

http://work.bartekdrozdz.com/soundviz/

https://www.uberviz.io/viz/splice/

http://www.typatone.com/

http://unseen-music.com/yume/

http://mattdesl.github.io/spins/

http://mattdesl.github.io/codevember/21.html

http://mattdesl.github.io/codevember/3.html

http://mattdesl.github.io/codevember/6.html

http://mattdesl.github.io/codevember/8.html

http://mattdesl.github.io/codevember/13.html

https://www.uberviz.io/viz/word-problems/

Here Comes The Sun

http://shiz.co/beatlescode/

http://ma77os.cc/lab/audio-cloud/

http://naivesound.com/glitch/

105 Birthday Clara Rockmore

http://www.google.com/doodles/clara-rockmore…

Fireworks with WebGL

http://ondras.github.io/fireworks-webgl/

https://alemangui.github.io/Tonalhub/?user=w…

Glowsynth - just amazing!

http://outputchannel.com/glowsynth/

http://mmorph.massivemusic.com/

Play a cornet to Donald Trump

http://trumpdonald.org/

Loop Waveform Visualizer

https://airtightinteractive.com/demos/js/rea…

Bohemian Rhapsichord

http://static.echonest.com/BohemianRhapsicho…

http://zya.github.io/scrollsound/

http://whitevinyldesign.com/floradrift/

http://brunoimbrizi.com/experiments/#/08

http://www.808cube.com/

Music Game - ECHO

http://tonenotone.com/ECHO/

http://www.patatap.com/

Plink - Awesome Multiplayer Game

http://www.dinahmoelabs.com/plink

Simon Says - Game

http://labs.uxmonk.com/simon-says/

Soundcloud Visualizer

http://www.michaelbromley.co.uk/experiments/…

http://likethemammal.github.io/css-visualize…

Kandinski Experiment

http://jasonsigal.cc/kandinskify/

Visual Music Trailer

https://vimeo.com/160470393

http://rugs.grindselect.com/

Moogfest Substrate

http://www.moogfest.com/_substrate

http://rickycodes.github.io/audio-visualizer…

http://rickycodes.github.io/audio-visualizer…

http://mrdoob.com/files/temp/xplsv_obsidian/

http://trif.it/

Garbage Collector

http://robertbue.no/playground/webgl/gc-effe…

http://audiograph.xyz/

http://makiopolis.com/everyday/026/

http://www.simppa.fi/demo/d159/

http://restless.earth/

http://scribble.audio/

http://touchpianist.com/

https://preziotte.com/partymode/

http://arkade.london/

http://jieverson.com/DJi/

Braille Face: Kōya

https://koya.brailleface.co/

http://hughsk.io/popcorn/

http://experiments.kevinboudot.me/canvas-bea…

http://dancing-torus.s3-website-us-east-1.am…

Musical Interactions

https://tympanus.net/Development/MusicalInte…

http://www.petervandernoord.nl/polyrhythm/

https://wizgrav.github.io/clubber/

https://alpcanaydin.github.io/andantino/

https://tariqksoliman.github.io/Vissonance/

http://mailman.acervo.io/

HTML5 Audio Visualizer Video Maker

https://isaiah658.github.io/

3d Particles Music Visualiser

https://chardos.github.io/music_viz/

https://mfcc64.github.io/html5-showcqtbar/

CPPN-based Visualizer

https://tkv.io/posts/visualizing-audio-with-…

BabylonJS & 2D Perlin Noise.

http://hiteshsahu.com/AudioAnalysis

https://audiomotion.me

p5.js Audio Visualizer

p5.sound, on an HTML5 Canvas by Amanda Yeh.

https://amandayehh.github.io/audio-visualize…

Experiments on Codepen

SVG Animated Drum Kit

http://codepen.io/iamjoshellis/full/KVdQqm/

SVG Animated Guitar

http://codepen.io/iamjoshellis/full/qbBKZB/

Audio Visualizer

http://codepen.io/Francext/full/yIogq/

Awesome Audio Player

http://codepen.io/alexpierre/full/RNELPV/

http://codepen.io/pat_hg/full/gamQwr/

Soundcloud Vinyl Search

http://codepen.io/chrisgannon/full/GpwqgG/

Gooey Effect Audio

http://codepen.io/enjikaka/full/QbJmRJ/

CSS Audio Visualizer

http://codepen.io/njmcode/full/WbWyWz/

Storytelling with Html5 + CSS3

http://codepen.io/rachelnabors/full/rCost/

http://codepen.io/woodwork/full/rxrLqa/

WebGL Soundcloud Visualizer using Three.js

http://codepen.io/luigimannoni/full/xbLgqB

http://codepen.io/easwee/pen/sFpmo

Cubes Audio Visualizer

http://codepen.io/pat_hg/pen/zvMrRJ

P5 Audio Tests 33

http://codepen.io/laurent-thevenet/pen/JGeXNr

P5 Audio Tests 27

http://codepen.io/laurent-thevenet/pen/MKJwVd

CircleLineNERDDISCO

http://codepen.io/TimPietrusky/full/jrPRZR

Clubberize yin yang example

http://codepen.io/wizgrav/pen/PWKNmg

Libraries Audio

hughsk/web-audio-analyser

A thin wrapper around the Web Audio API that takes an <audio> element and gives you its waveform/frequency data in return.

202

19

2y 9d

n/a

Jam3/web-audio-player

a cross-browser WebAudio player

240

30

2y 117d

MIT

hughsk/web-media-playback

Retrieve playback and buffering information about audio or video playing in the browser

7

0

6y 8m

MIT

unconed/ThreeAudio.js

ThreeAudio helps you create music visualizations in Three.js or tQuery.

504

53

6y 9m

MIT

mudcube/MIDI.js

Making life easy to create a MIDI-app on the web. Includes a library to program synesthesia into your app for memory recognition or for creating trippy effects. Convert soundfonts for Guitar, Bass, Drums, ect. into code that can be read by the browser. Supports multiple simultaneous instruments and perfect timing.

3.42K

609

1y 71d

MIT

stewdio/beep.js

Beep is a JavaScript toolkit for building browser-based synthesizers.

1.31K

90

7y 92d

n/a

processing/p5.js-sound

p5.sound brings the Processing approach to Web Audio and p5.js. Demos:

676

610

10m

MIT

audio-lab/render

Stream for rendering audio data

38

2

6y 9m

n/a

stevekinney/octavian

Utilities for reasoning about musical notes, frequencies, and intervals

161

19

1y 7m

MIT

bbc/audiowaveform

C++ program to generate waveform data and render waveform images from audio files

1.3K

184

10m

GPL-3.0

Generic Go package designed to define a common interface to analyze and/or process audio data

130

6

3y 97d

Apache-2.0

Battle tested Wav decoder/encoder

153

27

1y 66d

Apache-2.0

chrisguttandin/standardized-audio-context

A cross-browser wrapper for the Web Audio API which aims to closely follow the standard.

370

26

9m

MIT

chrisguttandin/web-audio-beat-detector

A beat detection utility which is using the Web Audio API.

335

19

9m

MIT

Audio feature extraction for JavaScript.

1.01K

87

9m

MIT

https://alemangui.github.io/pizzicato/

https://watilde.github.io/beeplay/

https://www.jhtrnr.com/Audiolet/

coffee-collider

https://www.npmjs.com/package/coffee-collider

https://www.npmjs.com/package/waveform-data

https://aubio.org

Libraries Visualization

The HTML5 Creation Engine: Create beautiful digital content with the fastest, most flexible 2D WebGL renderer.

34.58K

4.41K

9m

MIT

spite/WebAudioExtension

Google Chrome DevTools extension to view and hopefully interact with the routing graph of Web Audio API

176

14

5y 7m

MIT

shawnlawson/The_Force

webGL live coding performance IDE

225

49

1y 8m

MIT

sleexyz/hylogen

GLSL embedded in Haskell

457

25

3y 9m

n/a

wizgrav/clubber

Application of music theory in audio reactive visualizations

333

26

4y 44d

MIT

skylerlee/wavebell

Catch realtime audio wave from microphone with JavaScript!

35

6

1y 4m

MIT

kelvinau/circular-audio-wave

JS library for audio visualization in circular wave using Web Audio API and ECharts

154

26

12m

MIT

kylestetz/slang

🎤 a simple audio programming language implemented in JS

1.1K

33

2y 4m

ISC

Console-based Audio Visualizer for Alsa

2.23K

152

10m

MIT

http://p5js.org/

http://soulwire.github.io/sketch.js/

render using canvas instead of WebGL

http://threejs.org/

https://jonobr1.github.io/two.js/

http://babylonjs.com/

[BSD]

https://libcinder.org/

https://www.processing.org/

HYPE_processing

http://www.hypeframework.org/

https://www.npmjs.com/package/peaks.js

:octocat: — Realtime visual programming language for interactive media.

https://vuo.org

https://wavesurfer-js.org/

audioMotion-analyzer

https://www.npmjs.com/package/audiomotion-an…

https://jonshamir.github.io/muser/

People to Follow

http://www.aaronkoblin.com/

http://www.joshuadavis.com/

http://roberthodgin.com/

Seb Lee-Delisle

http://seb.ly/

http://ravenkwok.com/

http://shawnlawson.com/

http://hengpatrick.fr/

https://preziotte.com/

Tutorials

Kadenze - Courses about Sound and Creative Process

https://www.kadenze.com/courses

MDN - Basic concepts behind Web Audio API

https://developer.mozilla.org/en-US/docs/Web…

Understanding AudioParams: Precision control of web audio nodes

http://www.soundesign.info/2016/02/07/unders…

Making An Interactive Music Video With WebGL

https://medium.com/@superhighfives/making-a-…

Exploring the web audio api with d3

http://blog.scottlogic.com/2016/01/06/audio-…

Getting Started with Web Audio API

http://www.html5rocks.com/en/tutorials/webau…

14 essential JavaScript audio libraries for web developers

http://codecall.net/2014/01/29/14-essential-…

Learning Web Audio API

http://blog.sonoport.com/post/120993888887/l…

Fun with Web Audio API

http://codepen.io/DonKarlssonSan/post/fun-wi…

The Audio Processing Dog House

https://www.objc.io/issues/24-audio/audio-do…

Web Audio School

http://mmckegg.github.io/web-audio-school/

Audio visualisation with the web audio api

http://fourthof5.com/audio-visualisation-wit…

Make Your Browser Dance

https://24ways.org/2013/make-your-browser-da…

Audio Visualization with Web Audio and Three.js

http://raathigesh.com/Audio-Visualization-wi…

Applying Web Audio API with the HTML5 Canvas Element - Part I

https://sonoport.github.io/web-audio-and-can…

Applying Web Audio API with the HTML5 Canvas Element - Part II

https://sonoport.github.io/web-audio-and-can…

Real-time analysis of streaming audio data with Web Audio API

http://ianreah.com/2013/02/28/Real-time-anal…

Syncing CSS Animations with HTML5 Audio

http://www.sitepoint.com/syncing-css-animati…

Javascript Systems Music - Learning Web Audio by Recreating The Works of Steve Reich and Brian Eno

http://teropa.info/blog/2016/07/28/javascrip…

Creative Audio Visualizers

https://tympanus.net/codrops/2018/03/06/crea…

Recreating legendary 8-bit games music with Web Audio API

https://codepen.io/gregh/post/recreating-leg…

Visualizing sound in Go with SDL

https://mlesniak.com/post/2018/09/13/go-guit…

Videos

Matt McKegg: I Play The JavaScript - JSConf.Asia 2015

https://www.youtube.com/watch?v=NL0nb8A8FDM

Chris Lowis: A Brief History of Synthesis with the Web Audio API

https://www.youtube.com/watch?v=d8TCq0xLnV4

Introducing the Web Audio API

https://www.youtube.com/watch?v=_ZUhicr-R-g

CorkDev.IO - HTML 5 Web Audio API

https://www.youtube.com/watch?v=vIKijPAW9Js

Steve Kinney: Building a musical instrument with the Web Audio API | JSConf US 2015

https://www.youtube.com/watch?v=56spBAgOYfg

Making the Web Rock: The Web Audio API

https://www.youtube.com/watch?v=wZrNI-86zYI

Jordan Santell: Signal Processing with the Web Audio API - JSConf2014

https://www.youtube.com/watch?v=YBQ5pzvgbOE

Making waves using the Web Audio API

https://www.youtube.com/watch?v=oHBx_kMmsRE

Stuart Memo: JavaScript is the new Punk Rock

https://www.youtube.com/watch?v=PN8Eg1K9xjE

Jan Krutisch: JavaScript Patterns For Contemporary Dance Music -- JSConf EU 2013

https://www.youtube.com/watch?v=X41IwSyU-BM

Charlie Roberts: Gibbering at Algoraves - JS in Live Audiovisual Performances - JSConf.Asia 2014

https://www.youtube.com/watch?v=2BIOINFSbMg

Lauren McCarthy: Learning while making p5js

https://www.youtube.com/watch?v=1k3X4DLDHdc

Interactive Music with Tone.js

http://medias.ircam.fr/x9d4352

Web Audio API vs Native: Closing the Gap

http://medias.ircam.fr/x2af2f6

BRAID: A Web Audio Instrument Builder with Embedded Code Blocks

http://medias.ircam.fr/xa87b09

Web Audio Tools

http://medias.ircam.fr/x32ba00

HTML5DevConf: Jordan Santell, "Browser Dance Party: Visualizing Audio with the Web Audio API"

https://www.youtube.com/watch?v=TdgBAhGmoH4

Praveen Kumar - MIDI.js

https://www.youtube.com/watch?v=xw86fXq2cKM

Mathieu 'p01' Henri: Making Realtime Audio-Visuals - JSConf.Asia 2015

https://www.youtube.com/watch?v=16oLi1kvLHs

Paul Adenot: Elements of Dance Music - JSConf.Asia 2015

https://www.youtube.com/watch?v=Ww0jTafmd_w

8-bit Music Theory

https://www.youtube.com/channel/UCeZLO2VgbZH…

Authors

Luis Henrique | Márcio Ribeiro

https://avatars2.githubusercontent.com/u/399…