{"id":388,"url":"https://github.com/willianjusten/awesome-audio-visualization","last_synced_at":"2025-10-04T21:48:51.498Z","repository":{"id":37412817,"uuid":"54681855","full_name":"willianjusten/awesome-audio-visualization","owner":"willianjusten","description":"A curated list about Audio Visualization.","archived":false,"fork":false,"pushed_at":"2023-04-05T18:32:45.000Z","size":802,"stargazers_count":4746,"open_issues_count":5,"forks_count":324,"subscribers_count":166,"default_branch":"master","last_synced_at":"2025-05-04T23:02:21.977Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"Shell","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/willianjusten.png","metadata":{"files":{"readme":"Readme.md","changelog":null,"contributing":"Contributing.md","funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2016-03-24T23:55:26.000Z","updated_at":"2025-05-04T18:20:15.000Z","dependencies_parsed_at":"2022-07-08T01:30:56.677Z","dependency_job_id":"d7618afd-29ad-4ef0-81a8-e269e2e3b7bf","html_url":"https://github.com/willianjusten/awesome-audio-visualization","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/willianjusten%2Fawesome-audio-visualization","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/willianjusten%2Fawesome-audio-visualization/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/willianjusten%2Fawesome-audio-visualization/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/willianjusten%2Fawesome-audio-visualization/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/willianjusten","download_url":"https://codeload.github.com/willianjusten/awesome-audio-visualization/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254168076,"owners_count":22026078,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-01-05T20:12:53.536Z","updated_at":"2025-10-04T21:48:46.450Z","avatar_url":"https://github.com/willianjusten.png","language":"Shell","funding_links":[],"categories":["Media","Related lists","Technical","多媒体","Shell","Speech","Uncategorized","Related","4. Inspiration \u0026 Creative Techniques","Live Site:   [searchAwesome](https://search-awesome.vercel.app/)","DevTools","Collections","Other Lists","媒体","Access related awesome list","Related Awesome Lists","Themed Directories"],"sub_categories":["awesome-*","Performances, talks, etc","Uncategorized","Other","Audio-Visual Integration","Music","TeX Lists","Performance events"],"readme":"\u003cp align=\"center\"\u003e\n  \u003cimg id=\"awesome-audio-visualization\" src=\"logo-aav.gif\" alt=\"Logo AAV\"\u003e\n\u003c/p\u003e\n\n- [What is Audio Visualization?](https://en.wikipedia.org/wiki/Music_visualization)\n\n\u003e 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.\n\n- [Who made this list?](#authors)\n- [Check the logo in action](http://www.shiz.co/aav/)\n- [Contributing Guide](Contributing.md)\n\n[![Travis Build](https://travis-ci.org/willianjusten/awesome-audio-visualization.svg?branch=master)](https://travis-ci.org/willianjusten/awesome-audio-visualization) [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)\n\n## Table of Contents\n\n- [Books](#books)\n- [Downloads](#downloads)\n- [Experiments](#experiments)\n- [Experiments Codepen](#experiments-on-codepen)\n- [Libraries Audio](#libraries-audio)\n- [Libraries Visualization](#libraries-visualization)\n- [People to Follow](#people-to-follow)\n- [Tutorials](#tutorials)\n- [Videos](#videos)\n\n## Books\n\n- [Web Audio API by Boris Smus](https://webaudioapi.com/book/)\n\n## Downloads\n\n- [Soundwhich](http://soundwhich.com/)\n- [Beeple's resource (inspirational C4D \"open source\" files)](http://www.beeple-crap.com/resources.php)\n- [Freesound](http://freesound.org/)\n- [Audio Jungle](http://audiojungle.net/)\n- [Six Bit Deep](http://www.sixbitdeep.com/shop/)\n- [Samplephonics - Free Stuff](http://store.samplephonics.com/collections/free-stuff-1)\n- [Wave Alchemy](http://www.wavealchemy.co.uk/free-samples/)\n- [Audio Animals](http://www.audioanimals.co.uk/shop-categories/sample-shop)\n- [Bed Room Producers Blog](http://bedroomproducersblog.com/free-samples/)\n- [Free Music Archive](http://freemusicarchive.org/)\n- [Music Radar](http://www.musicradar.com/news/tech/free-music-samples-download-loops-hits-and-multis-627820)\n- [How to Make Electronic Music Freebies](http://howtomakeelectronicmusic.com/category/freebies)\n- [Motion Sound](http://motionsound.io/)\n- [Cava](https://github.com/karlstav/cava#latency-notes) - A cross-platform terminal visualizer. \n\n\n## Experiments\n\n- [Audible Visuals](https://soniaboller.github.io/audible-visuals/) - Collection of visualizers derived from the Archimedean spiral by Sonia Boller.\n- [React Player](https://dazzling-jang-471a34.netlify.com/) - A complete Audio Visualisation player with ReactJS.\n- [Moire](http://hughsk.io/moire-1/) - A Web Audio / WebGL visualisation.\n- [Finding Love](https://findinglove.activetheory.net/) - fully interactive, Virtual Reality story that transforms emotions into art.\n- [Tangled](http://netlabelday2016.yarnaudio.com/) - Audio-visual release by Berlin based netlabel Yarn Audio, visuals made in [cables](https://cables.gl/). Drag to rotate, scroll to zoom.\n- [Luis Henrique Bizarro Portfolio](https://lhbzr.com/) - Portfolio with experiments using Three.JS and GSLS.\n- [Adventure Machine](http://www.madeon.fr/adventuremachine/) - Campaign for Madeon's \"Adventure\" album.\n- [BBNG](https://uberviz.io/viz/bbng/) - WebGL Visualizer for \"Confessions\" (feat. Leland Whitty) by BADBADNOTGOOD.\n- [Chrome Music Lab](https://musiclab.chromeexperiments.com/) - Play with simple experiments and explore how music works.\n- [DENNIS](http://www.dennis.video/) - An interactive and audio responsive music video for \"Dennis\" by popcorn_10's.\n- [Fluctus](http://jojo.ninja/fluctus/) - Experimental 3D Audio Visualizer by Jordan Machado.\n- [George \u0026 Jonathan III](http://www.georgeandjonathan.com/) - Campaign for George \u0026 Jonathan's \"III\" album.\n- [Lantern](https://www.uberviz.io/viz/lantern/) - WebGL Visualizer for \"Lantern\" by SBTRKT.\n- [Lines](http://labs.fluuu.id/lines/) - Visualising Joy Division album cover as a music spectrum by Silvio Paganini.\n- [Nero](https://www.uberviz.io/viz/nero/) - WebGL Visualizer for \"In The Way\" by Nero.\n- [Pareidolia](https://www.uberviz.io/viz/pareidolia/) - WebGL Visualizer for \"Szerencsétlen\" by Venetian Snares.\n- [Splice](https://www.uberviz.io/viz/splice/) - A realtime interactive music visualizer using time-code data from Splice's upcoming visualizer API.\n- [Typatone](http://www.typatone.com/) - Make music while you write.\n- [Yume](http://unseen-music.com/yume/) - Campaign for Helios' \"Yume\" album.\n- [Silk](http://mattdesl.github.io/codevember/21.html) - 3D Audio Visualizer by Matt DesLauriers.\n- [Wave](http://mattdesl.github.io/codevember/3.html) - 3D Audio Visualizer by Matt DesLauriers.\n- [Binaural](http://mattdesl.github.io/codevember/6.html) - Experiment using Binaural and Reverb audio effects by Matt DesLauriers.\n- [Word Problems](https://www.uberviz.io/viz/word-problems/) - WebGL Visualizer for \"Word Problems\" by Harmonic 313.\n- [Glitch](http://naivesound.com/glitch/) - An algorithmic synthesizer to make music from math.\n- [105 Birthday Clara Rockmore](http://www.google.com/doodles/clara-rockmores-105th-birthday) - A Doodle for the Birthday of Clara Rockmore.\n- [Fireworks with WebGL](http://ondras.github.io/fireworks-webgl/) - Sound driven fireworks by Ondřej Žára.\n- [Glowsynth - just amazing!](http://outputchannel.com/glowsynth/) - Play with your mouse, Qwerty keyboad, or MIDI keyboard and watch as the lights dance to your music.\n- [Mmorph](http://mmorph.massivemusic.com/) - An adventure into new ways of delivering interactive music in the browser and beyond.\n- [Loop Waveform Visualizer](https://airtightinteractive.com/demos/js/reactive/) - WebGL Visualizer for Screw Base by Beytah.\n- [Scrollsound](http://zya.github.io/scrollsound/) - Scrolling as a method of interaction with audio on the web by Ehsan Ziya.\n- [Experiment #8](http://brunoimbrizi.com/experiments/#/08) - Music Experiment by Bruno Imbrizi.\n- [Music Cube](http://www.808cube.com/) - A Chrome Experiment that combines the Roland TR-808 Drum Machine with the Rubik's Cube.\n- [Music Game - ECHO](http://tonenotone.com/ECHO/) - A challenging musical puzzle game.\n- [Patatap](http://www.patatap.com/) - A portable animation and sound kit.\n- [Plink - Awesome Multiplayer Game](http://www.dinahmoelabs.com/plink) - A multiplayer music experience.\n- [Soundcloud Visualizer](http://www.michaelbromley.co.uk/experiments/soundcloud-vis/#muse/undisclosed-desires) - A Canvas and Web Audio Experiment.\n- [CSS Visualizer](http://likethemammal.github.io/css-visualizer/) - Music Visualizers that are made entirely using DOM elements and CSS3.\n- [Kandinski Experiment](http://jasonsigal.cc/kandinskify/) - Music Visualizations inspired in Kandinsky.\n- [Visual Music Trailer](https://vimeo.com/160470393) - Live audio visual performance ideas.\n- [Draw and Music](http://rugs.grindselect.com/) - Campaign for Rugs new album by Sam Greens.\n- [Moogfest Substrate](http://www.moogfest.com/_substrate) - Experimental site to Moogfest.\n- [3D Grid](http://rickycodes.github.io/audio-visualizer/three/) - Audio visualizer built with HTML5 web audio API by rickycodes.\n- [obsidian](http://mrdoob.com/files/temp/xplsv_obsidian/) - 3D Audio Visualization made by the creator of Three.js.\n- [TRIF](http://trif.it/) - GIF-based online radio visualization using webaudio API and raw CSS\n- [Audiograph](http://audiograph.xyz/) - Amazing audio visualization made by Matt DesLauriers.\n- [Scribble Audio](http://scribble.audio/) - Draw loops of sound with this web synthesizer.\n- [Touchpianist](http://touchpianist.com/) - play a piano and look all animations along the screen.\n- [PartyMode](https://preziotte.com/partymode/) - An experimental music visualizer using d3.js and the web audio api.\n- [DJi](http://jieverson.com/DJi/) - Clean music visualizer from SoundCloud or self uploaded.\n- [VR Ondes Martenot](https://github.com/elifer5000/vr-ondes-martenot) - A playable rendition of the Ondes Martenot in Virtual Reality.\n- [Popcorn](http://hughsk.io/popcorn/) - Little audio-reactive sketch by Hugh Kennedy.\n- [Musical Interactions](https://tympanus.net/Development/MusicalInteractions/) - Some experimental ideas for playful musical interactions.\n- [ClubberToy](https://wizgrav.github.io/clubber/) Several shadertoys, rewired with clubber, bundled as a vj app.\n- [Andantino](https://alpcanaydin.github.io/andantino/) Listen some notes and try to find same notes on the keyboard.\n- [Vissonance](https://tariqksoliman.github.io/Vissonance/) A collection of audio visualizers built in THREE.js.\n- [ShowCQTBar](https://mfcc64.github.io/html5-showcqtbar/) - Audio spectrum visualization with musical scale.\n- [Weekly Music Visualizations](https://github.com/surayashivji/WeeklyGraphics) Weekly music visualization experiments built with Three.js and p5.js by Suraya Shivji.\n- [Audio Visualizer](https://github.com/Teoxoy/audio-visualizer) - An interesting web audio visualizer built with Pixi.js.\n- [YouTube Musical Spectrum](https://github.com/mfcc64/youtube-musical-spectrum) - A browser extension that offers audio visualization on your YouTube page with nice musical notes.\n- [Just Dance](http://hiteshsahu.com/AudioAnalysis) - A 3D Audio Visualization made with [BabylonJS](http://babylonjs.com/) \u0026 2D Perlin Noise.\n- [audioMotion](https://audiomotion.me) - High-resolution real-time audio spectrum analyzer and full-featured music player written in JavaScript. Includes binaries for Windows, Linux and macOS.\n- [p5.js Audio Visualizer](https://amandayehh.github.io/audio-visualizer/) - A powerful, beat- and amplitude-responsive audio visualizer created with [p5.sound](https://github.com/processing/p5.js-sound), on an HTML5 Canvas by Amanda Yeh.\n\n\n## Experiments on Codepen\n\n- [SVG Animated Drum Kit](http://codepen.io/iamjoshellis/full/KVdQqm/) - Play an amazing Drum made with SVG and realistic sounds by @iamjoshellis.\n- [SVG Animated Guitar](http://codepen.io/iamjoshellis/full/qbBKZB/) - Play an amazing Guitar made with SVG and realistic sounds by @iamjoshellis.\n- [Audio Visualizer](http://codepen.io/Francext/full/yIogq/) - Abstract Audio Visualizer using Three.js by Francesco Trillini\n- [Awesome Audio Player](http://codepen.io/alexpierre/full/RNELPV/) - Radial Audio Player constructed by lines of frequency and amplitude by Alex Permyakov\n- [Wireframes](http://codepen.io/pat_hg/full/gamQwr/) - Wireframe WebGL Animation with Three.js by Patrick Heng\n- [Soundcloud Vinyl Search](http://codepen.io/chrisgannon/full/GpwqgG/) - An amazing experiment creating a realistic Vinyl player using DrawSVG and GSAP by Chris Gannon.\n- [Gooey Effect Audio](http://codepen.io/enjikaka/full/QbJmRJ/) - Upload your mp3 and visualize the song with this crazy effect by Jeremy Karlsson.\n- [CSS Audio Visualizer](http://codepen.io/njmcode/full/WbWyWz/) - Using audio frequency data from a hidden video to apply CSS scaling by Neil McCallion.\n- [Storytelling with Html5 + CSS3](http://codepen.io/rachelnabors/full/rCost/) - A great example of how to use music to create a Storytelling by Rachel Nabors.\n- [Step sequencer](http://codepen.io/woodwork/full/rxrLqa/) - Create music with this sequencer by Joe Harry.\n- [WebGL Soundcloud Visualizer using Three.js](http://codepen.io/luigimannoni/full/xbLgqB) - ThreeJS/WebGL Soundcloud player/visualizer based on HTML5 AudioContext API by Luigi Mannoni.\n- [Oscilator](http://codepen.io/easwee/pen/sFpmo) - Testing the oscillator node from HTML5 audio API by Anej Gorkič.\n- [Cubes Audio Visualizer](http://codepen.io/pat_hg/pen/zvMrRJ) - 10th contribution for codevember 2015 by Patrick Heng.\n- [P5 Audio Tests 33](http://codepen.io/laurent-thevenet/pen/JGeXNr) - Audio visualization using p5.js 3D elements and Soundcloud API\n- [P5 Audio Tests 27](http://codepen.io/laurent-thevenet/pen/MKJwVd) - Audio visualization using p5.js 3D elements and Soundcloud API\n- [CircleLineNERDDISCO](http://codepen.io/TimPietrusky/full/jrPRZR) - Audio visualization with amazing analyser by Tim Pietrusky.\n- [Clubberize yin yang example](http://codepen.io/wizgrav/pen/PWKNmg) - An example using the clubberize helper to easily integrate clubber.js in javascript apps.\n\n## Libraries Audio\n\n- [web-audio-analyser](https://github.com/hughsk/web-audio-analyser) - A thin wrapper around the Web Audio API that takes an \u003caudio\u003e element and gives you its waveform/frequency data in return.\n- [web-audio-player](https://github.com/Jam3/web-audio-player) - A cross-browser Web Audio player.\n- [web-media-playback](https://github.com/hughsk/web-media-playback) - Retrieve playback and buffering information about audio or video playing in the browser.\n- [Pizzicato.js](https://alemangui.github.io/pizzicato/) - Simplify the way you create and manipulate sounds via the Web Audio API.\n- [ThreeAudio.js](https://github.com/unconed/ThreeAudio.js) - Helps you create music visualizations in Three.js or tQuery.\n- [Beeplay.js](https://watilde.github.io/beeplay/) - Write a song In JavaScript.\n- [MIDI.js](https://github.com/mudcube/MIDI.js/) - Making life easy to create a MIDI-app on the web.\n- [Beep.js](https://github.com/stewdio/beep.js) - A JavaScript toolkit for building browser-based synthesizers.\n- [p5.sound](https://github.com/processing/p5.js-sound) - Brings the Processing approach to Web Audio and p5.js.\n- [Audiolet](https://www.jhtrnr.com/Audiolet/) - A JavaScript library for real-time audio synthesis and composition.\n- [coffee-collider](https://www.npmjs.com/package/coffee-collider) - A language for real time audio synthesis and algorithmic composition in HTML5.\n- [audio-render](https://github.com/audio-lab/render) - A pass-through audio stream, providing structure for rendering stream audio data.\n- [Octavian](https://github.com/stevekinney/octavian) - Utilities for reasoning about musical notes, frequencies, and intervals\n- [waveform-data](https://www.npmjs.com/package/waveform-data) - Audio Waveform Data Manipulation API – resample, offset and segment waveform data in JavaScript.\n- [audiowaveform](https://github.com/bbc/audiowaveform) - C++ program to generate waveform data and render waveform images from audio files.\n- [Aubio](https://aubio.org) - C library for realtime audio labeling with bindings for Python and PD, support for ofx and Vamp.\n- [audio](https://github.com/go-audio/audio) - Generic Go package designed to define a common interface to analyze and/or process audio data\n- [wav](https://github.com/go-audio/wav) - Battle tested Wav decoder/encoder\n- [standardized-audio-context](https://github.com/chrisguttandin/standardized-audio-context) - A cross-browser implementation of the AudioContext which aims to closely follow the standard.\n- [web-audio-beat-detector](https://github.com/chrisguttandin/web-audio-beat-detector) - A beat detection utility which is using the Web Audio API.\n- [meyda](https://github.com/meyda/meyda) - Audio feature extraction for JavaScript.\n\n\n## Libraries Visualization\n\n- [p5.js](http://p5js.org/) - A JavaScript library for creating graphic and interactive experiences, based on the core principles of Processing.\n- [Pixi.js](https://github.com/pixijs/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.\n- [sketch.js](http://soulwire.github.io/sketch.js/) - Let's you get straight to the fun parts of creative coding, without ever having to worry about shims or boilerplate code.\n- [three.js](http://threejs.org/) - Three.js is a library that makes WebGL easy to use.\n- [Two.js](https://jonobr1.github.io/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.\n- [BabylonJS](http://babylonjs.com/) - A complete JavaScript framework for building 3D games with HTML5, WebGL and Web Audio.\n- [Web Audio Extension](https://github.com/spite/WebAudioExtension) - A Chrome extension to play with Web Audio.\n- [Cinder](https://libcinder.org/) - A community-developed, free and open source library for professional-quality creative coding in C++.\n- [Processing](https://www.processing.org/) - An open source programming language and integrated development environment built for the electronic arts, new media art, and visual design communities.\n- [HYPE_processing](http://www.hypeframework.org/) - Collection of Processing classes that performs heavy lifting tasks while using a minimal amount of code writing.\n- [The Force](https://github.com/shawnlawson/The_Force) - Live coded shader editing with audio input.\n- [Hylogen](https://github.com/sleexyz/hylogen) - Purely functional language embedded in Haskell for expressive live coding of fragment shaders (with audio input).\n- [Peaks.js](https://www.npmjs.com/package/peaks.js) - Modular client-side JavaScript component designed for the display of and interaction with audio waveform material in the browser.\n- [Clubber.js](https://github.com/wizgrav/clubber) - Application of music theory in audio reactive visualizations.\n- [Vuo](https://vuo.org) — A realtime visual programming language for interactive media.\n- [wavesurfer.js](https://wavesurfer-js.org/) - A customizable audio waveform visualization, built on top of Web Audio API and HTML5 Canvas\n- [wavebell](https://github.com/skylerlee/wavebell) - A javascript voice recorder with realtime waveform, using web microphone\n- [Circular Audio Wave](https://github.com/kelvinau/circular-audio-wave) - A JS library for audio visualization in circular wave using Web Audio API and ECharts\n- [Slang](https://github.com/kylestetz/slang) - An audio programming language built in JS\n- [audioMotion-analyzer](https://www.npmjs.com/package/audiomotion-analyzer) - High-resolution real-time audio spectrum analyzer JS module with no dependencies.\n- [Cava](https://github.com/karlstav/cava#latency-notes) - A cross-platform terminal visualizer. \n- [Muser](https://jonshamir.github.io/muser/) - Using machine learning to enhance music visualization in the browser. \n\n## People to Follow\n- [Aaron Koblin](http://www.aaronkoblin.com/) - Artist, designer, programmer, and entrepreneur specializing in data and digital technologies.\n- [Joshua Davis](http://www.joshuadavis.com/) - An American designer, technologist, author and artist in new media.\n- [Robert Hodgin](http://roberthodgin.com/) - A creative coder living in Brooklyn. Co-creator of the Cinder C++.\n- [Seb Lee-Delisle](http://seb.ly/) - An award-winning digital artist and speaker.\n- [Raven Kwok](http://ravenkwok.com/) - A visual artist, animator and creative programmer.\n- [Chris Wilson](https://github.com/cwilso/) - Open Web Guy, formerly of Microsoft and now working as a Developer Advocate at Google.\n- [Jason Sigal](https://github.com/therewasaguy) - Creative Coder in residence at NYU's and creator of web audio library for p5.js.\n- [Shawn Lawson](http://shawnlawson.com/) - An experiential media artist creating the computational sublime.\n- [Matt DesLauriers](https://github.com/mattdesl) - Creative coder at Jam 3.\n- [Patrick Heng](http://hengpatrick.fr/) - Creative front-end developer. Studied at Hetic and Gobelins and works at Grouek.\n- [Mat Preziotte](https://preziotte.com/) - Absurd music visualizations and generative art.\n- [Yannis Gravezas](https://github.com/wizgrav) - A creative coder with several projects featured in chrome experiments, fwa and elsewhere.\n\n## Tutorials\n\n- [Kadenze - Courses about Sound and Creative Process](https://www.kadenze.com/courses)\n- [MDN - Basic concepts behind Web Audio API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API/Basic_concepts_behind_Web_Audio_API)\n- [Understanding AudioParams: Precision control of web audio nodes](http://www.soundesign.info/2016/02/07/understanding-audioparams-precision-control-web-audio-nodes/)\n- [Making An Interactive Music Video With WebGL](https://medium.com/@superhighfives/making-a-music-video-f60757ceb4cf#.j72rbcxgk)\n- [Exploring the web audio api with d3](http://blog.scottlogic.com/2016/01/06/audio-api-with-d3.html)\n- [Getting Started with Web Audio API](http://www.html5rocks.com/en/tutorials/webaudio/intro/)\n- [14 essential JavaScript audio libraries for web developers](http://codecall.net/2014/01/29/14-essential-javascript-audio-libraries-for-web-developers/)\n- [Learning Web Audio API](http://blog.sonoport.com/post/120993888887/learningwebaudioapi)\n- [Fun with Web Audio API](http://codepen.io/DonKarlssonSan/post/fun-with-web-audio-api)\n- [The Audio Processing Dog House](https://www.objc.io/issues/24-audio/audio-dog-house/)\n- [Web Audio School](http://mmckegg.github.io/web-audio-school/)\n- [Audio visualisation with the web audio api](http://fourthof5.com/audio-visualisation-with-the-web-audio-api)\n- [Make Your Browser Dance](https://24ways.org/2013/make-your-browser-dance/)\n- [Audio Visualization with Web Audio and Three.js](http://raathigesh.com/Audio-Visualization-with-Web-Audio-and-ThreeJS/)\n- [Applying Web Audio API with the HTML5 Canvas Element - Part I](https://sonoport.github.io/web-audio-and-canva-partI.html)\n- [Applying Web Audio API with the HTML5 Canvas Element - Part II](https://sonoport.github.io/web-audio-and-canva-partII.html)\n- [Real-time analysis of streaming audio data with Web Audio API](http://ianreah.com/2013/02/28/Real-time-analysis-of-streaming-audio-data-with-Web-Audio-API.html)\n- [Syncing CSS Animations with HTML5 Audio](http://www.sitepoint.com/syncing-css-animations-with-html5-audio/)\n- [Javascript Systems Music - Learning Web Audio by Recreating The Works of Steve Reich and Brian Eno](http://teropa.info/blog/2016/07/28/javascript-systems-music.html)\n- [Creative Audio Visualizers](https://tympanus.net/codrops/2018/03/06/creative-audio-visualizers/?utm_source=feedburner\u0026utm_medium=feed\u0026utm_campaign=Feed%3A+tympanus+%28Codrops%29)\n- [Recreating legendary 8-bit games music with Web Audio API](https://codepen.io/gregh/post/recreating-legendary-8-bit-games-music-with-web-audio-api)\n- [Visualizing sound in Go with SDL](https://mlesniak.com/post/2018/09/13/go-guitar-/-visualize-sound/)\n\n## Videos\n\n- [Matt McKegg: I Play The JavaScript - JSConf.Asia 2015](https://www.youtube.com/watch?v=NL0nb8A8FDM)\n- [Chris Lowis: A Brief History of Synthesis with the Web Audio API](https://www.youtube.com/watch?v=d8TCq0xLnV4)\n- [Introducing the Web Audio API](https://www.youtube.com/watch?v=_ZUhicr-R-g)\n- [CorkDev.IO - HTML 5 Web Audio API](https://www.youtube.com/watch?v=vIKijPAW9Js)\n- [Steve Kinney: Building a musical instrument with the Web Audio API | JSConf US 2015](https://www.youtube.com/watch?v=56spBAgOYfg)\n- [Making the Web Rock: The Web Audio API](https://www.youtube.com/watch?v=wZrNI-86zYI)\n- [Jordan Santell: Signal Processing with the Web Audio API - JSConf2014](https://www.youtube.com/watch?v=YBQ5pzvgbOE)\n- [Making waves using the Web Audio API](https://www.youtube.com/watch?v=oHBx_kMmsRE)\n- [Stuart Memo: JavaScript is the new Punk Rock](https://www.youtube.com/watch?v=PN8Eg1K9xjE)\n- [Jan Krutisch: JavaScript Patterns For Contemporary Dance Music -- JSConf EU 2013](https://www.youtube.com/watch?v=X41IwSyU-BM)\n- [Charlie Roberts: Gibbering at Algoraves - JS in Live Audiovisual Performances - JSConf.Asia 2014](https://www.youtube.com/watch?v=2BIOINFSbMg)\n- [Lauren McCarthy: Learning while making p5js](https://www.youtube.com/watch?v=1k3X4DLDHdc)\n- [Interactive Music with Tone.js](http://medias.ircam.fr/x9d4352)\n- [Web Audio API vs Native: Closing the Gap](http://medias.ircam.fr/x2af2f6)\n- [BRAID: A Web Audio Instrument Builder with Embedded Code Blocks](http://medias.ircam.fr/xa87b09)\n- [Web Audio Tools](http://medias.ircam.fr/x32ba00)\n- [HTML5DevConf: Jordan Santell, \"Browser Dance Party: Visualizing Audio with the Web Audio API\"](https://www.youtube.com/watch?v=TdgBAhGmoH4)\n- [Praveen Kumar - MIDI.js](https://www.youtube.com/watch?v=xw86fXq2cKM)\n- [Mathieu 'p01' Henri: Making Realtime Audio-Visuals - JSConf.Asia 2015](https://www.youtube.com/watch?v=16oLi1kvLHs)\n- [Paul Adenot: Elements of Dance Music - JSConf.Asia 2015](https://www.youtube.com/watch?v=Ww0jTafmd_w)\n- [8-bit Music Theory](https://www.youtube.com/channel/UCeZLO2VgbZHeDcongKzzfOw)\n\n## Contributing\n\nYour contributions are always welcome! [Click here to read the guidelines](https://github.com/willianjusten/awesome-audio-visualization/blob/master/Contributing.md).\n\n## Authors\n\n| ![Willian Justen](https://avatars2.githubusercontent.com/u/3991845?v=3\u0026s=150)                | ![Luis Henrique](https://avatars2.githubusercontent.com/u/12835911?v=3\u0026s=150) | ![Márcio Ribeiro](https://avatars3.githubusercontent.com/u/13159727?v=3\u0026s=150)\n|:---------------------:|:-------------------:|:-------------------:|\n|  [Willian Justen](https://github.com/willianjusten/)   |     [Luis Henrique](https://github.com/lhbzr)    |    [Márcio Ribeiro](https://github.com/marcioshiz)\n\n## License\n\n[![CC0](https://i.creativecommons.org/l/by/4.0/88x31.png)](http://creativecommons.org/licenses/by/4.0/)\n\nTo the extent possible under law, [Willian Justen](http://github.com/willianjusten) has waived all copyright and related or neighboring rights to this work.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwillianjusten%2Fawesome-audio-visualization","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwillianjusten%2Fawesome-audio-visualization","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwillianjusten%2Fawesome-audio-visualization/lists"}