awesome-audio-visualization

Music visualization, a feature found in electronic music visualizers and media player software, generates animated imagery based on a piece of music. The imagery is usually generated and rendered in real time and in a way synchronized with the music as it is played.

Books
Downloads
Experiments
Experiments Codepen
Libraries Audio
Libraries Visualization
People to Follow
Tutorials
Videos

Books

Web Audio API by Boris Smus

Downloads

Experiments

Luis Henrique Bizarro Portfolio
Adventure Machine - Campaign for Madeon new album Adventure.
APEXvj - Next Generation Music Visualizer.
BBNG - WebGL Visualizer for Confessions (feat. Leland Whitty) by BADBADNOTGOOD.
Born in the Echoes - Campaign for The Chemical Brothers new album Born in the Echoes.
Chrome Music Lab - Play with simple experiments and explore how music works.
DENNIS - An interactive and audio responsive music video for Dennis by popcorn_10's.
Fluctus - Experimental 3D Audio Visualizer.
George & Jonathan III - Campaign for George & Jonathan new album III.
Goy Goy - A multiplayer Chrome Experiment made with HTML5 Canvas, socket.io and audiolet.js.
Lantern - WebGL Visualizer for Lantern by SBTRKT.
Lines - Visualising Joy Division album cover as a music spectrum.
Nero - WebGL Visualizer for In The Way by Nero.
OMM - An interactive audio visual experience exploring creativity.
Pareidolia - WebGL Visualizer for Szerencsétlen by Venetian Snares.
Soundviz - 5 different sound visualization effects with Leap Motion interactivity.
Splice - A realtime interactive music visualizer using time-code data from Splice's upcoming visualizer API.
Typatone - Make music while you write.
Yume - Campaign for Helios new album Yume.
Spins - Audio Visualizer rendering Waveforms in Polar Coordinates.
Silk - 3D Audio Visualizer.
Wave - 3D Audio Visualizer.
Binaural - Experiment using Binaural and Reverb audio effects.
Beatgrid - Experiment using Audio Beat Detection.
Party - 2D Audio Visualizer.
Word Problems - WebGL Visualizer for Word Problems by Harmonic 313.
Here Comes The Sun - A visual representation of The Beatles’ song Here Comes The Sun dynamically generated by an algorithm developed with Processing and Processing.js.
Audio Cloud - A reactive particle system based on audio analysis of Fast Fourier Transform spectrum.
Noisy Function of Math and Music
Doodle - 105 Birthday Clara Rockmore
Fireworks with WebGL - Sound driven fireworks.
Tonalhub
Glowsynth - just amazing! - Play with your mouse, Qwerty keyboad, or MIDI keyboard and watch as the lights dance to your music.
Mmorph - An adventure into new ways of delivering interactive music in the browser and beyond.
Play a cornet to Donald Trump
Create your Beat Box
Loop Waveform Visualizer - WebGL Visualizer for Screw Base by Beytah.
The Infinite Jukebox
Bohemian Rhapsichord
Scrollsound
Floraldrift - Procedurally generated music and visuals.
Music Experiment by Bruno Imbrizi
Music Cube - A Chrome Experiment that combines the Roland TR-808 Drum Machine with the Rubik's Cube.
Music Game - ECHO - A challenging musical puzzle game.
Patatap - A portable animation and sound kit.
Dancing Rumrya
Plink - Awesome Multiplayer Game - A multiplayer music experience.
Simon Says - Game - A free memory game in your browser.
Soundcloud Visualizer - A Canvas and Web Audio Experiment.
Scootaloo
CSS Visualizer - Music Visualizers that are made entirely using DOM elements and CSS3.
Kandinski Experiment - Music Visualizations inspired in Kandinsky.
Visual Music Trailer - Live audio visual performance ideas.
Draw and Music
Moogfest Substrate
Flame Gradient
3D Grid

Experiments on Codepen

Libraries Audio

web-audio-analyser - A thin wrapper around the Web Audio API that takes an element and gives you its waveform/frequency data in return.
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.
Pizzicato.js - 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.
Beeplay.js
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.
Audiolet - A JavaScript library for real-time audio synthesis and composition.
Echonest
coffee-collider - A language for real time audio synthesis and algorithmic composition in HTML5.

Libraries Visualization

p5.js - 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.
sketch.js - Let's you get straight to the fun parts of creative coding, without ever having to worry about shims or boilerplate code.
three.js - Three.js is a library that makes WebGL easy to use.
Two.js - 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.
BabylonJS - 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.
Cinder - A community-developed, free and open source library for professional-quality creative coding in C++.
Processing - An open source programming language and integrated development environment built for the electronic arts, new media art, and visual design communities.
HYPE_processing - Collection of Processing classes that performs heavy lifting tasks while using a minimal amount of code writing.
The Force - Live coding, shader editing with audio input.
Hylogen - purely functional language embedded in Haskell for expressive live coding of fragment shaders (with audio input)

People to Follow

Tutorials

Videos

Contributing

Your contributions are always welcome! Click here to read the guidelines.

Authors


Willian Justen	Luis Henrique	Márcio Ribeiro

##License

To the extent possible under law, Willian Justen has waived all copyright and related or neighboring rights to this work.

Readme.md Unescape Escape

Table of Contents