awesome-audio-visualization

Cava

A cross-platform terminal visualizer

Collection of visualizers derived from the Archimedean spiral by Sonia Boller

A complete Audio Visualisation player with ReactJS

A Web Audio / WebGL visualisation

fully interactive, Virtual Reality story that transforms emotions into art

Audio-visual release by Berlin based netlabel Yarn Audio, visuals made in . Drag to rotate, scroll to zoom

Portfolio with experiments using Three.JS and GSLS

Campaign for Madeon's "Adventure" album

WebGL Visualizer for "Confessions" (feat. Leland Whitty) by BADBADNOTGOOD

Play with simple experiments and explore how music works

An interactive and audio responsive music video for "Dennis" by popcorn_10's

Experimental 3D Audio Visualizer by Jordan Machado

Campaign for George & Jonathan's "III" album

WebGL Visualizer for "Lantern" by SBTRKT

Visualising Joy Division album cover as a music spectrum by Silvio Paganini

WebGL Visualizer for "In The Way" by Nero

WebGL Visualizer for "Szerencsétlen" by Venetian Snares

A realtime interactive music visualizer using time-code data from Splice's upcoming visualizer API

Make music while you write

Campaign for Helios' "Yume" album

3D Audio Visualizer by Matt DesLauriers

3D Audio Visualizer by Matt DesLauriers

Experiment using Binaural and Reverb audio effects by Matt DesLauriers

WebGL Visualizer for "Word Problems" by Harmonic 313

An algorithmic synthesizer to make music from math

A Doodle for the Birthday of Clara Rockmore

Sound driven fireworks by Ondřej Žára

Play with your mouse, Qwerty keyboad, or MIDI keyboard and watch as the lights dance to your music

An adventure into new ways of delivering interactive music in the browser and beyond

WebGL Visualizer for Screw Base by Beytah

Scrolling as a method of interaction with audio on the web by Ehsan Ziya

Music Experiment by Bruno Imbrizi

A Chrome Experiment that combines the Roland TR-808 Drum Machine with the Rubik's Cube

A challenging musical puzzle game

A portable animation and sound kit

A multiplayer music experience

A Canvas and Web Audio Experiment

Music Visualizers that are made entirely using DOM elements and CSS3

Music Visualizations inspired in Kandinsky

Live audio visual performance ideas

Campaign for Rugs new album by Sam Greens

Experimental site to Moogfest

Audio visualizer built with HTML5 web audio API by rickycodes

3D Audio Visualization made by the creator of Three.js

GIF-based online radio visualization using webaudio API and raw CSS

Amazing audio visualization made by Matt DesLauriers

Draw loops of sound with this web synthesizer

play a piano and look all animations along the screen

An experimental music visualizer using d3.js and the web audio api

Clean music visualizer from SoundCloud or self uploaded

VR Ondes Martenot

A playable rendition of the Ondes Martenot in Virtual Reality

Little audio-reactive sketch by Hugh Kennedy

Some experimental ideas for playful musical interactions

Several shadertoys, rewired with clubber, bundled as a vj app

Listen some notes and try to find same notes on the keyboard

A collection of audio visualizers built in THREE.js

Audio spectrum visualization with musical scale

Weekly music visualization experiments built with Three.js and p5.js by Suraya Shivji

Audio Visualizer

An interesting web audio visualizer built with Pixi.js

YouTube Musical Spectrum

A browser extension that offers audio visualization on your YouTube page with nice musical notes

A 3D Audio Visualization made with & 2D Perlin Noise

High-resolution real-time audio spectrum analyzer and full-featured music player written in JavaScript. Includes binaries for Windows, Linux and macOS

A powerful, beat- and amplitude-responsive audio visualizer created with , on an HTML5 Canvas by Amanda Yeh

Play an amazing Drum made with SVG and realistic sounds by @iamjoshellis

Play an amazing Guitar made with SVG and realistic sounds by @iamjoshellis

Abstract Audio Visualizer using Three.js by Francesco Trillini

Radial Audio Player constructed by lines of frequency and amplitude by Alex Permyakov

Wireframe WebGL Animation with Three.js by Patrick Heng

An amazing experiment creating a realistic Vinyl player using DrawSVG and GSAP by Chris Gannon

Upload your mp3 and visualize the song with this crazy effect by Jeremy Karlsson

Using audio frequency data from a hidden video to apply CSS scaling by Neil McCallion

A great example of how to use music to create a Storytelling by Rachel Nabors

Create music with this sequencer by Joe Harry

ThreeJS/WebGL Soundcloud player/visualizer based on HTML5 AudioContext API by Luigi Mannoni

Testing the oscillator node from HTML5 audio API by Anej Gorkič

10th contribution for codevember 2015 by Patrick Heng

Audio visualization using p5.js 3D elements and Soundcloud API

Audio visualization using p5.js 3D elements and Soundcloud API

Audio visualization with amazing analyser by Tim Pietrusky

An example using the clubberize helper to easily integrate clubber.js in javascript apps

web-audio-analyser

A thin wrapper around the Web Audio API that takes an

web-audio-player

A cross-browser Web Audio player

web-media-playback

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

Simplify the way you create and manipulate sounds via the Web Audio API

ThreeAudio.js

Helps you create music visualizations in Three.js or tQuery

Write a song In JavaScript

MIDI.js

Making life easy to create a MIDI-app on the web

Beep.js

A JavaScript toolkit for building browser-based synthesizers

p5.sound

Brings the Processing approach to Web Audio and p5.js

A JavaScript library for real-time audio synthesis and composition

A language for real time audio synthesis and algorithmic composition in HTML5

audio-render

A pass-through audio stream, providing structure for rendering stream audio data

Octavian

Utilities for reasoning about musical notes, frequencies, and intervals

Audio Waveform Data Manipulation API – resample, offset and segment waveform data in JavaScript

audiowaveform

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

C library for realtime audio labeling with bindings for Python and PD, support for ofx and Vamp

audio

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

wav

Battle tested Wav decoder/encoder

standardized-audio-context

A cross-browser implementation of the AudioContext which aims to closely follow the standard

web-audio-beat-detector

A beat detection utility which is using the Web Audio API

meyda

Audio feature extraction for JavaScript

A JavaScript library for creating graphic and interactive experiences, based on the core principles of Processing

Pixi.js

A fast lightweight 2D library that works across all devices. The Pixi renderer allows everyone to enjoy the power of hardware acceleration without prior knowledge of WebGL

Let's you get straight to the fun parts of creative coding, without ever having to worry about shims or boilerplate code

Three.js is a library that makes WebGL easy to use

A two-dimensional drawing API geared towards modern web browsers. It is renderer agnostic enabling the same API to draw in multiple contexts: SVG, Canvas, and WebGL

A complete JavaScript framework for building 3D games with HTML5, WebGL and Web Audio

Web Audio Extension

A Chrome extension to play with Web Audio

A community-developed, free and open source library for professional-quality creative coding in C++

An open source programming language and integrated development environment built for the electronic arts, new media art, and visual design communities

Collection of Processing classes that performs heavy lifting tasks while using a minimal amount of code writing

The Force

Live coded shader editing with audio input

Hylogen

Purely functional language embedded in Haskell for expressive live coding of fragment shaders (with audio input)

Modular client-side JavaScript component designed for the display of and interaction with audio waveform material in the browser

Clubber.js

Application of music theory in audio reactive visualizations

— A realtime visual programming language for interactive media

A customizable audio waveform visualization, built on top of Web Audio API and HTML5 Canvas

wavebell

A javascript voice recorder with realtime waveform, using web microphone

Circular Audio Wave

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

Slang

An audio programming language built in JS

High-resolution real-time audio spectrum analyzer JS module with no dependencies

Cava

A cross-platform terminal visualizer

Using machine learning to enhance music visualization in the browser

Artist, designer, programmer, and entrepreneur specializing in data and digital technologies

An American designer, technologist, author and artist in new media

A creative coder living in Brooklyn. Co-creator of the Cinder C++

An award-winning digital artist and speaker

A visual artist, animator and creative programmer

Open Web Guy, formerly of Microsoft and now working as a Developer Advocate at Google

Creative Coder in residence at NYU's and creator of web audio library for p5.js

An experiential media artist creating the computational sublime

Creative coder at Jam 3

Creative front-end developer. Studied at Hetic and Gobelins and works at Grouek

Absurd music visualizations and generative art

A creative coder with several projects featured in chrome experiments, fwa and elsewhere