{"slug": "willianjusten--awesome-audio-visualization", "title": "Audio Visualization", "description": "A curated list about Audio Visualization.", "github_url": "https://github.com/willianjusten/awesome-audio-visualization", "stars": "4.9K", "tag": "Media", "entry_count": 206, "subcategory_count": 1, "subcategories": [{"name": "General", "parent": "", "entries": [{"name": "What is Audio Visualization?", "url": "https://en.wikipedia.org/wiki/Music_visualization", "description": ""}, {"name": "Who made this list?", "url": "#authors", "description": ""}, {"name": "Check the logo in action", "url": "http://www.shiz.co/aav/", "description": ""}, {"name": "Contributing Guide", "url": "https://github.com/willianjusten/awesome-audio-visualization/blob/master/Readme.md/Contributing.md", "description": ""}, {"name": "Books", "url": "#books", "description": ""}, {"name": "Downloads", "url": "#downloads", "description": ""}, {"name": "Experiments", "url": "#experiments", "description": ""}, {"name": "Experiments Codepen", "url": "#experiments-on-codepen", "description": ""}, {"name": "Libraries Audio", "url": "#libraries-audio", "description": ""}, {"name": "Libraries Visualization", "url": "#libraries-visualization", "description": ""}, {"name": "People to Follow", "url": "#people-to-follow", "description": ""}, {"name": "Tutorials", "url": "#tutorials", "description": ""}, {"name": "Videos", "url": "#videos", "description": ""}, {"name": "Web Audio API by Boris Smus", "url": "https://webaudioapi.com/book/", "description": ""}, {"name": "Soundwhich", "url": "http://soundwhich.com/", "description": ""}, {"name": "Beeple's resource (inspirational C4D \"open source\" files)", "url": "http://www.beeple-crap.com/resources.php", "description": ""}, {"name": "Freesound", "url": "http://freesound.org/", "description": ""}, {"name": "Audio Jungle", "url": "http://audiojungle.net/", "description": ""}, {"name": "Six Bit Deep", "url": "http://www.sixbitdeep.com/shop/", "description": ""}, {"name": "Samplephonics - Free Stuff", "url": "http://store.samplephonics.com/collections/free-stuff-1", "description": ""}, {"name": "Wave Alchemy", "url": "http://www.wavealchemy.co.uk/free-samples/", "description": ""}, {"name": "Audio Animals", "url": "http://www.audioanimals.co.uk/shop-categories/sample-shop", "description": ""}, {"name": "Bed Room Producers Blog", "url": "http://bedroomproducersblog.com/free-samples/", "description": ""}, {"name": "Free Music Archive", "url": "http://freemusicarchive.org/", "description": ""}, {"name": "Music Radar", "url": "http://www.musicradar.com/news/tech/free-music-samples-download-loops-hits-and-multis-627820", "description": ""}, {"name": "How to Make Electronic Music Freebies", "url": "http://howtomakeelectronicmusic.com/category/freebies", "description": ""}, {"name": "Motion Sound", "url": "http://motionsound.io/", "description": ""}, {"name": "Cava", "url": "https://github.com/karlstav/cava#latency-notes", "description": "A cross-platform terminal visualizer.", "stars": "5.7k"}, {"name": "Audible Visuals", "url": "https://soniaboller.github.io/audible-visuals/", "description": "Collection of visualizers derived from the Archimedean spiral by Sonia Boller."}, {"name": "React Player", "url": "https://dazzling-jang-471a34.netlify.com/", "description": "A complete Audio Visualisation player with ReactJS."}, {"name": "Moire", "url": "http://hughsk.io/moire-1/", "description": "A Web Audio / WebGL visualisation."}, {"name": "Finding Love", "url": "https://findinglove.activetheory.net/", "description": "fully interactive, Virtual Reality story that transforms emotions into art."}, {"name": "Tangled", "url": "http://netlabelday2016.yarnaudio.com/", "description": "Audio-visual release by Berlin based netlabel Yarn Audio, visuals made in [cables](https://cables.gl/). Drag to rotate, scroll to zoom."}, {"name": "Luis Henrique Bizarro Portfolio", "url": "https://lhbzr.com/", "description": "Portfolio with experiments using Three.JS and GSLS."}, {"name": "Adventure Machine", "url": "http://www.madeon.fr/adventuremachine/", "description": "Campaign for Madeon's \"Adventure\" album."}, {"name": "BBNG", "url": "https://uberviz.io/viz/bbng/", "description": "WebGL Visualizer for \"Confessions\" (feat. Leland Whitty) by BADBADNOTGOOD."}, {"name": "Chrome Music Lab", "url": "https://musiclab.chromeexperiments.com/", "description": "Play with simple experiments and explore how music works."}, {"name": "DENNIS", "url": "http://www.dennis.video/", "description": "An interactive and audio responsive music video for \"Dennis\" by popcorn\\_10's."}, {"name": "Fluctus", "url": "http://jojo.ninja/fluctus/", "description": "Experimental 3D Audio Visualizer by Jordan Machado."}, {"name": "George & Jonathan III", "url": "http://www.georgeandjonathan.com/", "description": "Campaign for George & Jonathan's \"III\" album."}, {"name": "Lantern", "url": "https://www.uberviz.io/viz/lantern/", "description": "WebGL Visualizer for \"Lantern\" by SBTRKT."}, {"name": "Lines", "url": "http://labs.fluuu.id/lines/", "description": "Visualising Joy Division album cover as a music spectrum by Silvio Paganini."}, {"name": "Nero", "url": "https://www.uberviz.io/viz/nero/", "description": "WebGL Visualizer for \"In The Way\" by Nero."}, {"name": "Pareidolia", "url": "https://www.uberviz.io/viz/pareidolia/", "description": "WebGL Visualizer for \"Szerencs\u00e9tlen\" by Venetian Snares."}, {"name": "Splice", "url": "https://www.uberviz.io/viz/splice/", "description": "A realtime interactive music visualizer using time-code data from Splice's upcoming visualizer API."}, {"name": "Typatone", "url": "http://www.typatone.com/", "description": "Make music while you write."}, {"name": "Yume", "url": "http://unseen-music.com/yume/", "description": "Campaign for Helios' \"Yume\" album."}, {"name": "Silk", "url": "http://mattdesl.github.io/codevember/21.html", "description": "3D Audio Visualizer by Matt DesLauriers."}, {"name": "Wave", "url": "http://mattdesl.github.io/codevember/3.html", "description": "3D Audio Visualizer by Matt DesLauriers."}, {"name": "Binaural", "url": "http://mattdesl.github.io/codevember/6.html", "description": "Experiment using Binaural and Reverb audio effects by Matt DesLauriers."}, {"name": "Word Problems", "url": "https://www.uberviz.io/viz/word-problems/", "description": "WebGL Visualizer for \"Word Problems\" by Harmonic 313."}, {"name": "Glitch", "url": "http://naivesound.com/glitch/", "description": "An algorithmic synthesizer to make music from math."}, {"name": "105 Birthday Clara Rockmore", "url": "http://www.google.com/doodles/clara-rockmores-105th-birthday", "description": "A Doodle for the Birthday of Clara Rockmore."}, {"name": "Fireworks with WebGL", "url": "http://ondras.github.io/fireworks-webgl/", "description": "Sound driven fireworks by Ond\u0159ej \u017d\u00e1ra."}, {"name": "Glowsynth - just amazing!", "url": "http://outputchannel.com/glowsynth/", "description": "Play with your mouse, Qwerty keyboad, or MIDI keyboard and watch as the lights dance to your music."}, {"name": "Mmorph", "url": "http://mmorph.massivemusic.com/", "description": "An adventure into new ways of delivering interactive music in the browser and beyond."}, {"name": "Loop Waveform Visualizer", "url": "https://airtightinteractive.com/demos/js/reactive/", "description": "WebGL Visualizer for Screw Base by Beytah."}, {"name": "Scrollsound", "url": "http://zya.github.io/scrollsound/", "description": "Scrolling as a method of interaction with audio on the web by Ehsan Ziya."}, {"name": "Experiment #8", "url": "http://brunoimbrizi.com/experiments/#/08", "description": "Music Experiment by Bruno Imbrizi."}, {"name": "Music Cube", "url": "http://www.808cube.com/", "description": "A Chrome Experiment that combines the Roland TR-808 Drum Machine with the Rubik's Cube."}, {"name": "Music Game - ECHO", "url": "http://tonenotone.com/ECHO/", "description": "A challenging musical puzzle game."}, {"name": "Patatap", "url": "http://www.patatap.com/", "description": "A portable animation and sound kit."}, {"name": "Plink - Awesome Multiplayer Game", "url": "http://www.dinahmoelabs.com/plink", "description": "A multiplayer music experience."}, {"name": "Soundcloud Visualizer", "url": "http://www.michaelbromley.co.uk/experiments/soundcloud-vis/#muse/undisclosed-desires", "description": "A Canvas and Web Audio Experiment."}, {"name": "CSS Visualizer", "url": "http://likethemammal.github.io/css-visualizer/", "description": "Music Visualizers that are made entirely using DOM elements and CSS3."}, {"name": "Kandinski Experiment", "url": "http://jasonsigal.cc/kandinskify/", "description": "Music Visualizations inspired in Kandinsky."}, {"name": "Visual Music Trailer", "url": "https://vimeo.com/160470393", "description": "Live audio visual performance ideas."}, {"name": "Draw and Music", "url": "http://rugs.grindselect.com/", "description": "Campaign for Rugs new album by Sam Greens."}, {"name": "Moogfest Substrate", "url": "http://www.moogfest.com/_substrate", "description": "Experimental site to Moogfest."}, {"name": "3D Grid", "url": "http://rickycodes.github.io/audio-visualizer/three/", "description": "Audio visualizer built with HTML5 web audio API by rickycodes."}, {"name": "obsidian", "url": "http://mrdoob.com/files/temp/xplsv_obsidian/", "description": "3D Audio Visualization made by the creator of Three.js."}, {"name": "TRIF", "url": "http://trif.it/", "description": "GIF-based online radio visualization using webaudio API and raw CSS"}, {"name": "Audiograph", "url": "http://audiograph.xyz/", "description": "Amazing audio visualization made by Matt DesLauriers."}, {"name": "Scribble Audio", "url": "http://scribble.audio/", "description": "Draw loops of sound with this web synthesizer."}, {"name": "Touchpianist", "url": "http://touchpianist.com/", "description": "play a piano and look all animations along the screen."}, {"name": "PartyMode", "url": "https://preziotte.com/partymode/", "description": "An experimental music visualizer using d3.js and the web audio api."}, {"name": "DJi", "url": "http://jieverson.com/DJi/", "description": "Clean music visualizer from SoundCloud or self uploaded."}, {"name": "VR Ondes Martenot", "url": "https://github.com/elifer5000/vr-ondes-martenot", "description": "A playable rendition of the Ondes Martenot in Virtual Reality.", "stars": "6"}, {"name": "Popcorn", "url": "http://hughsk.io/popcorn/", "description": "Little audio-reactive sketch by Hugh Kennedy."}, {"name": "Musical Interactions", "url": "https://tympanus.net/Development/MusicalInteractions/", "description": "Some experimental ideas for playful musical interactions."}, {"name": "ClubberToy", "url": "https://wizgrav.github.io/clubber/", "description": ""}, {"name": "Andantino", "url": "https://alpcanaydin.github.io/andantino/", "description": ""}, {"name": "Vissonance", "url": "https://tariqksoliman.github.io/Vissonance/", "description": ""}, {"name": "ShowCQTBar", "url": "https://mfcc64.github.io/html5-showcqtbar/", "description": "Audio spectrum visualization with musical scale."}, {"name": "Weekly Music Visualizations", "url": "https://github.com/surayashivji/WeeklyGraphics", "description": ""}, {"name": "Audio Visualizer", "url": "https://github.com/Teoxoy/audio-visualizer", "description": "An interesting web audio visualizer built with Pixi.js.", "stars": "42"}, {"name": "YouTube Musical Spectrum", "url": "https://github.com/mfcc64/youtube-musical-spectrum", "description": "A browser extension that offers audio visualization on your YouTube page with nice musical notes.", "stars": "189"}, {"name": "Just Dance", "url": "http://hiteshsahu.com/AudioAnalysis", "description": "A 3D Audio Visualization made with [BabylonJS](http://babylonjs.com/) & 2D Perlin Noise."}, {"name": "audioMotion", "url": "https://audiomotion.me", "description": "High-resolution real-time audio spectrum analyzer and full-featured music player written in JavaScript. Includes binaries for Windows, Linux and macOS."}, {"name": "p5.js Audio Visualizer", "url": "https://amandayehh.github.io/audio-visualizer/", "description": "A powerful, beat- and amplitude-responsive audio visualizer created with [p5.sound (\u2b50905)](https://github.com/processing/p5.js-sound), on an HTML5 Canvas by Amanda Yeh."}, {"name": "Tap tempo and metronome with sound effects", "url": "https://tapbpmhub.com/", "description": "A metronome with customizable sound effects, capable of calculating bpm with just a click, and also supports synchronization with your MIDI device."}, {"name": "osci-render", "url": "https://github.com/jameshball/osci-render", "description": "Software for making music by visualising objects, images, and Blender scenes on an oscilloscope using audio.", "stars": "600"}, {"name": "SVG Animated Drum Kit", "url": "http://codepen.io/iamjoshellis/full/KVdQqm/", "description": "Play an amazing Drum made with SVG and realistic sounds by @iamjoshellis."}, {"name": "SVG Animated Guitar", "url": "http://codepen.io/iamjoshellis/full/qbBKZB/", "description": "Play an amazing Guitar made with SVG and realistic sounds by @iamjoshellis."}, {"name": "Audio Visualizer", "url": "http://codepen.io/Francext/full/yIogq/", "description": "Abstract Audio Visualizer using Three.js by Francesco Trillini"}, {"name": "Awesome Audio Player", "url": "http://codepen.io/alexpierre/full/RNELPV/", "description": "Radial Audio Player constructed by lines of frequency and amplitude by Alex Permyakov"}, {"name": "Wireframes", "url": "http://codepen.io/pat_hg/full/gamQwr/", "description": "Wireframe WebGL Animation with Three.js by Patrick Heng"}, {"name": "Soundcloud Vinyl Search", "url": "http://codepen.io/chrisgannon/full/GpwqgG/", "description": "An amazing experiment creating a realistic Vinyl player using DrawSVG and GSAP by Chris Gannon."}, {"name": "Gooey Effect Audio", "url": "http://codepen.io/enjikaka/full/QbJmRJ/", "description": "Upload your mp3 and visualize the song with this crazy effect by Jeremy Karlsson."}, {"name": "CSS Audio Visualizer", "url": "http://codepen.io/njmcode/full/WbWyWz/", "description": "Using audio frequency data from a hidden video to apply CSS scaling by Neil McCallion."}, {"name": "Storytelling with Html5 + CSS3", "url": "http://codepen.io/rachelnabors/full/rCost/", "description": "A great example of how to use music to create a Storytelling by Rachel Nabors."}, {"name": "Step sequencer", "url": "http://codepen.io/woodwork/full/rxrLqa/", "description": "Create music with this sequencer by Joe Harry."}, {"name": "WebGL Soundcloud Visualizer using Three.js", "url": "http://codepen.io/luigimannoni/full/xbLgqB", "description": "ThreeJS/WebGL Soundcloud player/visualizer based on HTML5 AudioContext API by Luigi Mannoni."}, {"name": "Oscilator", "url": "http://codepen.io/easwee/pen/sFpmo", "description": "Testing the oscillator node from HTML5 audio API by Anej Gorki\u010d."}, {"name": "Cubes Audio Visualizer", "url": "http://codepen.io/pat_hg/pen/zvMrRJ", "description": "10th contribution for codevember 2015 by Patrick Heng."}, {"name": "P5 Audio Tests 33", "url": "http://codepen.io/laurent-thevenet/pen/JGeXNr", "description": "Audio visualization using p5.js 3D elements and Soundcloud API"}, {"name": "P5 Audio Tests 27", "url": "http://codepen.io/laurent-thevenet/pen/MKJwVd", "description": "Audio visualization using p5.js 3D elements and Soundcloud API"}, {"name": "CircleLineNERDDISCO", "url": "http://codepen.io/TimPietrusky/full/jrPRZR", "description": "Audio visualization with amazing analyser by Tim Pietrusky."}, {"name": "Clubberize yin yang example", "url": "http://codepen.io/wizgrav/pen/PWKNmg", "description": "An example using the clubberize helper to easily integrate clubber.js in javascript apps."}, {"name": "web-audio-analyser", "url": "https://github.com/hughsk/web-audio-analyser", "description": "A thin wrapper around the Web Audio API that takes an <audio> element and gives you its waveform/frequency data in return.", "stars": "215"}, {"name": "web-audio-player", "url": "https://github.com/Jam3/web-audio-player", "description": "A cross-browser Web Audio player.", "stars": "244"}, {"name": "web-media-playback", "url": "https://github.com/hughsk/web-media-playback", "description": "Retrieve playback and buffering information about audio or video playing in the browser.", "stars": "8"}, {"name": "Pizzicato.js", "url": "https://alemangui.github.io/pizzicato/", "description": "Simplify the way you create and manipulate sounds via the Web Audio API."}, {"name": "ThreeAudio.js", "url": "https://github.com/unconed/ThreeAudio.js", "description": "Helps you create music visualizations in Three.js or tQuery.", "stars": "538"}, {"name": "Beeplay.js", "url": "https://watilde.github.io/beeplay/", "description": "Write a song In JavaScript."}, {"name": "MIDI.js", "url": "https://github.com/mudcube/MIDI.js/", "description": "Making life easy to create a MIDI-app on the web.", "stars": "3.9k"}, {"name": "Beep.js", "url": "https://github.com/stewdio/beep.js", "description": "A JavaScript toolkit for building browser-based synthesizers.", "stars": "1.4k"}, {"name": "p5.sound", "url": "https://github.com/processing/p5.js-sound", "description": "Brings the Processing approach to Web Audio and p5.js.", "stars": "905"}, {"name": "Audiolet", "url": "https://www.jhtrnr.com/Audiolet/", "description": "A JavaScript library for real-time audio synthesis and composition."}, {"name": "coffee-collider", "url": "https://www.npmjs.com/package/coffee-collider", "description": "A language for real time audio synthesis and algorithmic composition in HTML5."}, {"name": "audio-render", "url": "https://github.com/audio-lab/render", "description": "A pass-through audio stream, providing structure for rendering stream audio data.", "stars": "44"}, {"name": "Octavian", "url": "https://github.com/stevekinney/octavian", "description": "Utilities for reasoning about musical notes, frequencies, and intervals", "stars": "179"}, {"name": "waveform-data", "url": "https://www.npmjs.com/package/waveform-data", "description": "Audio Waveform Data Manipulation API \u2013 resample, offset and segment waveform data in JavaScript."}, {"name": "audiowaveform", "url": "https://github.com/bbc/audiowaveform", "description": "C++ program to generate waveform data and render waveform images from audio files.", "stars": "2.1k"}, {"name": "Aubio", "url": "https://aubio.org", "description": "C library for realtime audio labeling with bindings for Python and PD, support for ofx and Vamp."}, {"name": "audio", "url": "https://github.com/go-audio/audio", "description": "Generic Go package designed to define a common interface to analyze and/or process audio data", "stars": "232"}, {"name": "wav", "url": "https://github.com/go-audio/wav", "description": "Battle tested Wav decoder/encoder", "stars": "376"}, {"name": "standardized-audio-context", "url": "https://github.com/chrisguttandin/standardized-audio-context", "description": "A cross-browser implementation of the AudioContext which aims to closely follow the standard.", "stars": "767"}, {"name": "web-audio-beat-detector", "url": "https://github.com/chrisguttandin/web-audio-beat-detector", "description": "A beat detection utility which is using the Web Audio API.", "stars": "647"}, {"name": "meyda", "url": "https://github.com/meyda/meyda", "description": "Audio feature extraction for JavaScript.", "stars": "1.6k"}, {"name": "p5.js", "url": "http://p5js.org/", "description": "A JavaScript library for creating graphic and interactive experiences, based on the core principles of Processing."}, {"name": "Pixi.js", "url": "https://github.com/pixijs/pixi.js/", "description": "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.", "stars": "46k"}, {"name": "sketch.js", "url": "http://soulwire.github.io/sketch.js/", "description": "Let's you get straight to the fun parts of creative coding, without ever having to worry about shims or boilerplate code."}, {"name": "three.js", "url": "http://threejs.org/", "description": "Three.js is a library that makes WebGL easy to use."}, {"name": "Two.js", "url": "https://jonobr1.github.io/two.js/", "description": "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."}, {"name": "BabylonJS", "url": "http://babylonjs.com/", "description": "A complete JavaScript framework for building 3D games with HTML5, WebGL and Web Audio."}, {"name": "Web Audio Extension", "url": "https://github.com/spite/WebAudioExtension", "description": "A Chrome extension to play with Web Audio.", "stars": "192"}, {"name": "Cinder", "url": "https://libcinder.org/", "description": "A community-developed, free and open source library for professional-quality creative coding in C++."}, {"name": "Processing", "url": "https://www.processing.org/", "description": "An open source programming language and integrated development environment built for the electronic arts, new media art, and visual design communities."}, {"name": "HYPE\\_processing", "url": "http://www.hypeframework.org/", "description": "Collection of Processing classes that performs heavy lifting tasks while using a minimal amount of code writing."}, {"name": "The Force", "url": "https://github.com/shawnlawson/The_Force", "description": "Live coded shader editing with audio input.", "stars": "287"}, {"name": "Hylogen", "url": "https://github.com/sleexyz/hylogen", "description": "Purely functional language embedded in Haskell for expressive live coding of fragment shaders (with audio input).", "stars": "486"}, {"name": "Peaks.js", "url": "https://www.npmjs.com/package/peaks.js", "description": "Modular client-side JavaScript component designed for the display of and interaction with audio waveform material in the browser."}, {"name": "Clubber.js", "url": "https://github.com/wizgrav/clubber", "description": "Application of music theory in audio reactive visualizations.", "stars": "372"}, {"name": "Vuo", "url": "https://vuo.org", "description": "A realtime visual programming language for interactive media."}, {"name": "wavesurfer.js", "url": "https://wavesurfer-js.org/", "description": "A customizable audio waveform visualization, built on top of Web Audio API and HTML5 Canvas"}, {"name": "wavebell", "url": "https://github.com/skylerlee/wavebell", "description": "A javascript voice recorder with realtime waveform, using web microphone", "stars": "51"}, {"name": "Circular Audio Wave", "url": "https://github.com/kelvinau/circular-audio-wave", "description": "A JS library for audio visualization in circular wave using Web Audio API and ECharts", "stars": "278"}, {"name": "Slang", "url": "https://github.com/kylestetz/slang", "description": "An audio programming language built in JS", "stars": "1.2k"}, {"name": "audioMotion-analyzer", "url": "https://www.npmjs.com/package/audiomotion-analyzer", "description": "High-resolution real-time audio spectrum analyzer JS module with no dependencies."}, {"name": "Cava", "url": "https://github.com/karlstav/cava#latency-notes", "description": "A cross-platform terminal visualizer.", "stars": "5.7k"}, {"name": "Muser", "url": "https://jonshamir.github.io/muser/", "description": "Using machine learning to enhance music visualization in the browser."}, {"name": "Aaron Koblin", "url": "http://www.aaronkoblin.com/", "description": "Artist, designer, programmer, and entrepreneur specializing in data and digital technologies."}, {"name": "Joshua Davis", "url": "http://www.joshuadavis.com/", "description": "An American designer, technologist, author and artist in new media."}, {"name": "Robert Hodgin", "url": "http://roberthodgin.com/", "description": "A creative coder living in Brooklyn. Co-creator of the Cinder C++."}, {"name": "Seb Lee-Delisle", "url": "http://seb.ly/", "description": "An award-winning digital artist and speaker."}, {"name": "Raven Kwok", "url": "http://ravenkwok.com/", "description": "A visual artist, animator and creative programmer."}, {"name": "Chris Wilson", "url": "https://github.com/cwilso/", "description": "Open Web Guy, formerly of Microsoft and now working as a Developer Advocate at Google."}, {"name": "Jason Sigal", "url": "https://github.com/therewasaguy", "description": "Creative Coder in residence at NYU's and creator of web audio library for p5.js."}, {"name": "Shawn Lawson", "url": "http://shawnlawson.com/", "description": "An experiential media artist creating the computational sublime."}, {"name": "Matt DesLauriers", "url": "https://github.com/mattdesl", "description": "Creative coder at Jam 3."}, {"name": "Patrick Heng", "url": "http://hengpatrick.fr/", "description": "Creative front-end developer. Studied at Hetic and Gobelins and works at Grouek."}, {"name": "Mat Preziotte", "url": "https://preziotte.com/", "description": "Absurd music visualizations and generative art."}, {"name": "Yannis Gravezas", "url": "https://github.com/wizgrav", "description": "A creative coder with several projects featured in chrome experiments, fwa and elsewhere."}, {"name": "Kadenze - Courses about Sound and Creative Process", "url": "https://www.kadenze.com/courses", "description": ""}, {"name": "MDN - Basic concepts behind Web Audio API", "url": "https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API/Basic_concepts_behind_Web_Audio_API", "description": ""}, {"name": "Understanding AudioParams: Precision control of web audio nodes", "url": "http://www.soundesign.info/2016/02/07/understanding-audioparams-precision-control-web-audio-nodes/", "description": ""}, {"name": "Making An Interactive Music Video With WebGL", "url": "https://medium.com/@superhighfives/making-a-music-video-f60757ceb4cf#.j72rbcxgk", "description": ""}, {"name": "Exploring the web audio api with d3", "url": "http://blog.scottlogic.com/2016/01/06/audio-api-with-d3.html", "description": ""}, {"name": "Getting Started with Web Audio API", "url": "http://www.html5rocks.com/en/tutorials/webaudio/intro/", "description": ""}, {"name": "14 essential JavaScript audio libraries for web developers", "url": "http://codecall.net/2014/01/29/14-essential-javascript-audio-libraries-for-web-developers/", "description": ""}, {"name": "Fun with Web Audio API", "url": "http://codepen.io/DonKarlssonSan/post/fun-with-web-audio-api", "description": ""}, {"name": "The Audio Processing Dog House", "url": "https://www.objc.io/issues/24-audio/audio-dog-house/", "description": ""}, {"name": "Web Audio School", "url": "http://mmckegg.github.io/web-audio-school/", "description": ""}, {"name": "Audio visualisation with the web audio api", "url": "http://fourthof5.com/audio-visualisation-with-the-web-audio-api", "description": ""}, {"name": "Make Your Browser Dance", "url": "https://24ways.org/2013/make-your-browser-dance/", "description": ""}, {"name": "Audio Visualization with Web Audio and Three.js", "url": "http://raathigesh.com/Audio-Visualization-with-Web-Audio-and-ThreeJS/", "description": ""}, {"name": "Applying Web Audio API with the HTML5 Canvas Element - Part I", "url": "https://sonoport.github.io/web-audio-and-canva-partI.html", "description": ""}, {"name": "Applying Web Audio API with the HTML5 Canvas Element - Part II", "url": "https://sonoport.github.io/web-audio-and-canva-partII.html", "description": ""}, {"name": "Real-time analysis of streaming audio data with Web Audio API", "url": "http://ianreah.com/2013/02/28/Real-time-analysis-of-streaming-audio-data-with-Web-Audio-API.html", "description": ""}, {"name": "Syncing CSS Animations with HTML5 Audio", "url": "http://www.sitepoint.com/syncing-css-animations-with-html5-audio/", "description": ""}, {"name": "Javascript Systems Music - Learning Web Audio by Recreating The Works of Steve Reich and Brian Eno", "url": "http://teropa.info/blog/2016/07/28/javascript-systems-music.html", "description": ""}, {"name": "Creative Audio Visualizers", "url": "https://tympanus.net/codrops/2018/03/06/creative-audio-visualizers/?utm_source=feedburner\\&utm_medium=feed\\&utm_campaign=Feed%3A+tympanus+%28Codrops%29", "description": ""}, {"name": "Recreating legendary 8-bit games music with Web Audio API", "url": "https://codepen.io/gregh/post/recreating-legendary-8-bit-games-music-with-web-audio-api", "description": ""}, {"name": "Visualizing sound in Go with SDL", "url": "https://mlesniak.com/post/2018/09/13/go-guitar-/-visualize-sound/", "description": ""}, {"name": "Matt McKegg: I Play The JavaScript - JSConf.Asia 2015", "url": "https://www.youtube.com/watch?v=NL0nb8A8FDM", "description": ""}, {"name": "Chris Lowis: A Brief History of Synthesis with the Web Audio API", "url": "https://www.youtube.com/watch?v=d8TCq0xLnV4", "description": ""}, {"name": "Introducing the Web Audio API", "url": "https://www.youtube.com/watch?v=_ZUhicr-R-g", "description": ""}, {"name": "CorkDev.IO - HTML 5 Web Audio API", "url": "https://www.youtube.com/watch?v=vIKijPAW9Js", "description": ""}, {"name": "Steve Kinney: Building a musical instrument with the Web Audio API | JSConf US 2015", "url": "https://www.youtube.com/watch?v=56spBAgOYfg", "description": ""}, {"name": "Making the Web Rock: The Web Audio API", "url": "https://www.youtube.com/watch?v=wZrNI-86zYI", "description": ""}, {"name": "Jordan Santell: Signal Processing with the Web Audio API - JSConf2014", "url": "https://www.youtube.com/watch?v=YBQ5pzvgbOE", "description": ""}, {"name": "Making waves using the Web Audio API", "url": "https://www.youtube.com/watch?v=oHBx_kMmsRE", "description": ""}, {"name": "Stuart Memo: JavaScript is the new Punk Rock", "url": "https://www.youtube.com/watch?v=PN8Eg1K9xjE", "description": ""}, {"name": "Jan Krutisch: JavaScript Patterns For Contemporary Dance Music -- JSConf EU 2013", "url": "https://www.youtube.com/watch?v=X41IwSyU-BM", "description": ""}, {"name": "Charlie Roberts: Gibbering at Algoraves - JS in Live Audiovisual Performances - JSConf.Asia 2014", "url": "https://www.youtube.com/watch?v=2BIOINFSbMg", "description": ""}, {"name": "Lauren McCarthy: Learning while making p5js", "url": "https://www.youtube.com/watch?v=1k3X4DLDHdc", "description": ""}, {"name": "Interactive Music with Tone.js", "url": "http://medias.ircam.fr/x9d4352", "description": ""}, {"name": "Web Audio API vs Native: Closing the Gap", "url": "http://medias.ircam.fr/x2af2f6", "description": ""}, {"name": "BRAID: A Web Audio Instrument Builder with Embedded Code Blocks", "url": "http://medias.ircam.fr/xa87b09", "description": ""}, {"name": "Web Audio Tools", "url": "http://medias.ircam.fr/x32ba00", "description": ""}, {"name": "HTML5DevConf: Jordan Santell, \"Browser Dance Party: Visualizing Audio with the Web Audio API\"", "url": "https://www.youtube.com/watch?v=TdgBAhGmoH4", "description": ""}, {"name": "Praveen Kumar - MIDI.js", "url": "https://www.youtube.com/watch?v=xw86fXq2cKM", "description": ""}, {"name": "Mathieu 'p01' Henri: Making Realtime Audio-Visuals - JSConf.Asia 2015", "url": "https://www.youtube.com/watch?v=16oLi1kvLHs", "description": ""}, {"name": "Paul Adenot: Elements of Dance Music - JSConf.Asia 2015", "url": "https://www.youtube.com/watch?v=Ww0jTafmd_w", "description": ""}, {"name": "8-bit Music Theory", "url": "https://www.youtube.com/channel/UCeZLO2VgbZHeDcongKzzfOw", "description": ""}]}], "name": ""}