├── .editorconfig ├── .travis.yml ├── Contributing.md ├── Gemfile ├── Gemfile.lock ├── Readme.md ├── ci_script.sh └── logo-aav.gif /.editorconfig: -------------------------------------------------------------------------------- 1 | # editorconfig.org 2 | 3 | root = true 4 | 5 | [*] 6 | charset = utf-8 7 | end_of_line = lf 8 | indent_size = 2 9 | indent_style = space 10 | insert_final_newline = true 11 | trim_trailing_whitespace = true 12 | 13 | [*.md] 14 | trim_trailing_whitespace = false 15 | -------------------------------------------------------------------------------- /.travis.yml: -------------------------------------------------------------------------------- 1 | language: ruby 2 | rvm: 3 | - 2.2 4 | 5 | before_script: 6 | - bundle 7 | - chmod +x ci_script.sh 8 | 9 | script: ./ci_script.sh 10 | 11 | branches: 12 | only: 13 | - master 14 | 15 | env: 16 | global: 17 | - NOKOGIRI_USE_SYSTEM_LIBRARIES=true # speeds up installation of html-proofer 18 | -------------------------------------------------------------------------------- /Contributing.md: -------------------------------------------------------------------------------- 1 | # Contributing 2 | 3 | Your contributions are always welcome! 4 | 5 | ## Guidelines 6 | 7 | * Create a file section if needed. 8 | * Add section description. 9 | * Add section title to Table of contents. 10 | * Search previous suggestions before making a new one, as yours may be a duplicate. 11 | * Add your links: `* [link-name](http://example.com/) - description` 12 | * If your link isn't in english, use (Lang) after the link. 13 | * Check your spelling and grammar. 14 | * Make sure your text editor is set to remove trailing whitespace. 15 | * Send a Pull Request. -------------------------------------------------------------------------------- /Gemfile: -------------------------------------------------------------------------------- 1 | source 'https://rubygems.org' 2 | 3 | gem 'awesome_bot' 4 | -------------------------------------------------------------------------------- /Gemfile.lock: -------------------------------------------------------------------------------- 1 | GEM 2 | remote: https://rubygems.org/ 3 | specs: 4 | awesome_bot (1.7.1) 5 | faraday (~> 0.9.2) 6 | parallel (~> 1.6.1) 7 | faraday (0.9.2) 8 | multipart-post (>= 1.2, < 3) 9 | multipart-post (2.0.0) 10 | parallel (1.6.2) 11 | 12 | PLATFORMS 13 | ruby 14 | 15 | DEPENDENCIES 16 | awesome_bot 17 | 18 | BUNDLED WITH 19 | 1.11.2 20 | -------------------------------------------------------------------------------- /Readme.md: -------------------------------------------------------------------------------- 1 |

2 | Logo AAV 3 |

4 | 5 | > A curated list of Audio Visualization. 6 | 7 | - [What is Audio Visualization?](https://en.wikipedia.org/wiki/Music_visualization) 8 | - [Who made this list?](#authors) 9 | - [Check the logo in action](http://marcioshiz.github.io/aav-logo/) 10 | - [Contributing Guide](Contributing.md) 11 | 12 | [![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) 13 | 14 | ## Table of Contents 15 | 16 | - [Books](#books) 17 | - [Downloads](#downloads) 18 | - [Experiments](#experiments) 19 | - [Experiments Codepen](#experiments-on-codepen) 20 | - [Libraries Audio](#libraries-audio) 21 | - [Libraries Visualization](#libraries-visualization) 22 | - [People to Follow](#people-to-follow) 23 | - [Tutorials](#tutorials) 24 | - [Videos](#videos) 25 | 26 | ## Books 27 | 28 | - [Web Audio API by Boris Smus](http://chimera.labs.oreilly.com/books/1234000001552/index.html) 29 | 30 | ## Downloads 31 | 32 | - [Beeple's resource (inspirational C4D "open source" files)](http://www.beeple-crap.com/resources.php) 33 | - [Freesound](http://freesound.org/) 34 | - [Audio Jungle](http://audiojungle.net/) 35 | - [Six Bit Deep](http://www.sixbitdeep.com/shop/) 36 | - [Samplephonics - Free Stuff](http://store.samplephonics.com/collections/free-stuff-1) 37 | - [Wave Alchemy](http://www.wavealchemy.co.uk/free-samples/) 38 | - [Audio Animals](http://www.audioanimals.co.uk/shop-categories/sample-shop) 39 | - [Bed Room Producers Blog](http://bedroomproducersblog.com/free-samples/) 40 | - [Free Music Archive](http://freemusicarchive.org/) 41 | - [Music Radar](http://www.musicradar.com/news/tech/free-music-samples-download-loops-hits-and-multis-627820) 42 | - [How to Make Eletronic Music Freebies](http://howtomakeelectronicmusic.com/category/freebies) 43 | 44 | ## Experiments 45 | 46 | - [Luis Henrique Bizarro Portfolio](https://lhbzr.com/) 47 | - [Adventure Machine](http://www.madeon.fr/adventuremachine/) 48 | - [APEXvj](https://www.apexvj.com/v3/) 49 | - [BBNG](https://uberviz.io/viz/bbng/) 50 | - [Born in the Echoes](http://bornintheechoes.com/) 51 | - [Chrome Music Lab](https://musiclab.chromeexperiments.com/) 52 | - [DENNIS](http://www.dennis.video/) 53 | - [Fluctus](http://jojo.ninja/fluctus/) 54 | - [George & Jonathan III](http://www.georgeandjonathan.com/) 55 | - [Gobelins Sound Experiments](http://workshop.crma2016.gobelins.fr/home) 56 | - [Goy Goy](http://goy-goy.herokuapp.com/) 57 | - [Lantern](https://www.uberviz.io/viz/lantern/) 58 | - [Lines](http://labs.fluuu.id/lines/) 59 | - [Nero](https://www.uberviz.io/viz/nero/) 60 | - [OMM](http://ommexperience.com/) 61 | - [Pareidolia](https://www.uberviz.io/viz/pareidolia/) 62 | - [Silk](http://mattdesl.github.io/codevember/21.html) 63 | - [Soundviz](http://work.bartekdrozdz.com/soundviz/) 64 | - [Splice](https://www.uberviz.io/viz/splice/) 65 | - [Spins](http://mattdesl.github.io/spins/) 66 | - [Typatone](http://www.typatone.com/) 67 | - [Yume](http://unseen-music.com/yume/) 68 | - [Wave](http://mattdesl.github.io/codevember/3.html) 69 | - [Word Problems](https://www.uberviz.io/viz/word-problems/) 70 | - [Here Comes The Sun](http://beatlescode.cc/) 71 | - [Audio Cloud](http://ma77os.cc/lab/audio-cloud/) 72 | - [Noisy Function of Math and Music](http://naivesound.com/glitch/) 73 | - [Doodle - 105 Birthday Clara Rockmore](http://www.google.com/doodles/clara-rockmores-105th-birthday) 74 | - [Fireworks with WebGL](http://ondras.github.io/fireworks-webgl/) 75 | - [Tonalhub](https://alemangui.github.io/Tonalhub/?user=webaudio&repository=web-audio-api) 76 | - [Glowsynth - just amazing!](http://outputchannel.com/glowsynth/) 77 | - [Mmorph](http://mmorph.massivemusic.com/) 78 | - [Play a cornet to Donald Trump](http://trumpdonald.org/) 79 | - [Create your Beat Box](https://www.ludensbeatbox.com) 80 | - [Loop Waveform Visualizer](https://airtightinteractive.com/demos/js/reactive/) 81 | - [The Infinite Jukebox](http://labs.echonest.com/Uploader/index.html) 82 | - [Bohemian Rhapsichord](http://static.echonest.com/BohemianRhapsichord/index.html) 83 | - [Scrollsound](http://zya.github.io/scrollsound/) 84 | - [Floraldrift](http://whitevinyldesign.com/floradrift/) 85 | - [Music Experiment by Brunoimbrizi](http://brunoimbrizi.com/experiments/#/08) 86 | - [Music Cube](http://www.808cube.com/) 87 | - [Music Game - ECHO](http://tonenotone.com/ECHO/) 88 | - [Patatap](http://www.patatap.com/) 89 | - [Dancing Rumrya](http://dancing.rumyra.com/complex) 90 | - [Plink - Awesome Multiplayer Game](http://www.dinahmoelabs.com/plink) 91 | - [Simon Says - Game](http://labs.uxmonk.com/simon-says/) 92 | - [Soundcloud Visualizer](http://www.michaelbromley.co.uk/experiments/soundcloud-vis/#muse/undisclosed-desires) 93 | - [Scootaloo](http://klange.github.io/scootaloo.in/) 94 | - [CSS Visualizer](http://likethemammal.github.io/css-visualizer/) 95 | - [Kandinski Experiment](http://jasonsigal.cc/kandinskify/) 96 | - [Visual Music Trailer](https://vimeo.com/160470393) 97 | - [Draw and Music](http://rugs.grindselect.com/) 98 | - [Moogfest Substrate](http://www.moogfest.com/_substrate) 99 | 100 | 101 | ## Experiments on Codepen 102 | 103 | - [Star Wars opening crawl from 1977](http://codepen.io/TimPietrusky/full/eHGfj/) 104 | - [Simple Audio Visualization using sketch.js](http://codepen.io/soulwire/full/Dscga/) 105 | - [SVG Animated Drum Kit](http://codepen.io/iamjoshellis/full/KVdQqm/) 106 | - [SVG Animated Guitar](http://codepen.io/iamjoshellis/full/qbBKZB/) 107 | - [Abstract Audio Visualizer using Three.js](http://codepen.io/Francext/full/yIogq/) 108 | - [Awesome Audio Player](http://codepen.io/alexpierre/full/RNELPV/) 109 | - [Wireframe WebGL Animation with Three.js](http://codepen.io/pat_hg/full/gamQwr/) 110 | - [Soundcloud Vinyl Search](http://codepen.io/chrisgannon/full/GpwqgG/) 111 | - [Gooey Effect Audio](http://codepen.io/enjikaka/full/QbJmRJ/) 112 | - [CSS Audio Visualizer](http://codepen.io/njmcode/full/WbWyWz/) 113 | - [Storytelling with Html5 + CSS3](http://codepen.io/rachelnabors/full/rCost/) 114 | - [Step sequencer](http://codepen.io/woodwork/full/rxrLqa/) 115 | - [WebGL Spacesphere using Three.js](http://codepen.io/luigimannoni/full/yYZjjV) 116 | - [WebGL Soundcloud Visualizer using Three.js](http://codepen.io/luigimannoni/full/xbLgqB) 117 | - [Oscilator](http://codepen.io/easwee/pen/sFpmo) 118 | 119 | ## Libraries Audio 120 | 121 | - [web-audio-analyser](https://github.com/hughsk/web-audio-analyser) 122 | - [web-media-playback](https://github.com/hughsk/web-media-playback) 123 | - [Pizzicato.js](https://alemangui.github.io/pizzicato/) 124 | - [ThreeAudio.js](https://github.com/unconed/ThreeAudio.js) 125 | - [Beeplay.js](https://watilde.github.io/beeplay/) 126 | - [MIDI.js](https://github.com/mudcube/MIDI.js/) 127 | - [Beep.js](https://github.com/stewdio/beep.js) 128 | - [p5.sound](https://github.com/processing/p5.js-sound) 129 | - [Audiolet](https://www.jhtrnr.com/Audiolet/) 130 | - [Echonest](http://the.echonest.com/) 131 | - [coffee-collider](https://www.npmjs.com/package/coffee-collider) 132 | 133 | ## Libraries Visualization 134 | 135 | - [p5.js](http://p5js.org/) 136 | - [Pixi.js](https://github.com/pixijs/pixi.js/) 137 | - [sketch.js](http://soulwire.github.io/sketch.js/) 138 | - [three.js](http://threejs.org/) 139 | - [Two.js](https://jonobr1.github.io/two.js/) 140 | - [BabylonJS](http://babylonjs.com/) 141 | - [Chrome Extension to play with Audio API](https://github.com/spite/WebAudioExtension) 142 | - [Cinder](https://libcinder.org/) 143 | - [Processing](https://www.processing.org/) 144 | - [HYPE_processing](http://www.hypeframework.org/) 145 | 146 | ## People to Follow 147 | 148 | - [Joshua Davis](http://www.joshuadavis.com/) 149 | - [Robert Hodgin](http://roberthodgin.com/) 150 | - [Seb Lee-Delisle](http://seb.ly/) 151 | - [Raven Kwok](http://ravenkwok.com/) 152 | - [Chris Wilson](https://github.com/cwilso/) 153 | - [Kevin Ennis](https://github.com/kevincennis) 154 | - [Jason Sigal](https://github.com/therewasaguy) 155 | 156 | ## Tutorials 157 | 158 | - [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) 159 | - [Understanding AudioParams: Precision control of web audio nodes](http://www.soundesign.info/2016/02/07/understanding-audioparams-precision-control-web-audio-nodes/) 160 | - [Making An Interactive Music Video With WebGL](https://medium.com/@superhighfives/making-a-music-video-f60757ceb4cf#.j72rbcxgk) 161 | - [Exploring the web audio api with d3](http://blog.scottlogic.com/2016/01/06/audio-api-with-d3.html) 162 | - [Getting Started with Web Audio API](http://www.html5rocks.com/en/tutorials/webaudio/intro/) 163 | - [14 essential JavaScript audio libraries for web developers](http://codecall.net/2014/01/29/14-essential-javascript-audio-libraries-for-web-developers/) 164 | - [Learning Web Audio API](http://blog.sonoport.com/post/120993888887/learningwebaudioapi) 165 | - [Fun with Web Audio API](http://codepen.io/DonKarlssonSan/post/fun-with-web-audio-api) 166 | - [The Audio Processing Dog House](https://www.objc.io/issues/24-audio/audio-dog-house/) 167 | - [Web Audio School](http://mmckegg.github.io/web-audio-school/) 168 | - [Audio visualisation with the web audio api](http://fourthof5.com/audio-visualisation-with-the-web-audio-api) 169 | - [Beat Detection Using JavaScript and the Web Audio API](http://tech.beatport.com/2014/web-audio/beat-detection-using-web-audio/) 170 | - [Make Your Browser Dance](https://24ways.org/2013/make-your-browser-dance/) 171 | - [Audio Visualization with Web Audio and Three.js](http://raathigesh.com/Audio-Visualization-with-Web-Audio-and-ThreeJS/) 172 | - [Applying Web Audio API with the HTML5 Canvas Element - Part I](https://sonoport.github.io/web-audio-and-canva-partI.html) 173 | - [Applying Web Audio API with the HTML5 Canvas Element - Part II](https://sonoport.github.io/web-audio-and-canva-partII.html) 174 | - [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) 175 | - [Syncing CSS Animations with HTML5 Audio](http://www.sitepoint.com/syncing-css-animations-with-html5-audio/) 176 | 177 | ## Videos 178 | 179 | - [Matt McKegg: I Play The JavaScript - JSConf.Asia 2015](https://www.youtube.com/watch?v=NL0nb8A8FDM) 180 | - [Chris Lowis: A Brief History of Synthesis with the Web Audio API](https://www.youtube.com/watch?v=d8TCq0xLnV4) 181 | - [Introducing the Web Audio API](https://www.youtube.com/watch?v=_ZUhicr-R-g) 182 | - [CorkDev.IO - HTML 5 Web Audio API](https://www.youtube.com/watch?v=vIKijPAW9Js) 183 | - [Steve Kinney: Building a musical instrument with the Web Audio API | JSConf US 2015](https://www.youtube.com/watch?v=56spBAgOYfg) 184 | - [Making the Web Rock: The Web Audio API](https://www.youtube.com/watch?v=wZrNI-86zYI) 185 | - [Jordan Santell: Signal Processing with the Web Audio API - JSConf2014](https://www.youtube.com/watch?v=YBQ5pzvgbOE) 186 | - [Making waves using the Web Audio API](https://www.youtube.com/watch?v=oHBx_kMmsRE) 187 | - [Stuart Memo: JavaScript is the new Punk Rock](https://www.youtube.com/watch?v=PN8Eg1K9xjE) 188 | - [Jan Krutisch: JavaScript Patterns For Contemporary Dance Music -- JSConf EU 2013](https://www.youtube.com/watch?v=X41IwSyU-BM) 189 | - [Charlie Roberts: Gibbering at Algoraves - JS in Live Audiovisual Performances - JSConf.Asia 2014](https://www.youtube.com/watch?v=2BIOINFSbMg) 190 | - [Lauren McCarthy: Learning while making p5js](https://www.youtube.com/watch?v=1k3X4DLDHdc) 191 | - [Interactive Music with Tone.js](http://medias.ircam.fr/x9d4352) 192 | - [Web Audio API vs Native: Closing the Gap](http://medias.ircam.fr/x2af2f6) 193 | - [BRAID: A Web Audio Instrument Builder with Embedded Code Blocks](http://medias.ircam.fr/xa87b09) 194 | - [Web Audio Tools](http://medias.ircam.fr/x32ba00) 195 | - [HTML5DevConf: Jordan Santell, "Browser Dance Party: Visualizing Audio with the Web Audio API"](https://www.youtube.com/watch?v=TdgBAhGmoH4) 196 | - [Praveen Kumar - MIDI.js](https://www.youtube.com/watch?v=xw86fXq2cKM) 197 | - [Mathieu 'p01' Henri: Making Realtime Audio-Visuals - JSConf.Asia 2015](https://www.youtube.com/watch?v=16oLi1kvLHs) 198 | 199 | ## Contributing 200 | 201 | Your contributions are always welcome! [Click here to read the guidelines](). 202 | 203 | ## Other Awesome Lists 204 | 205 | - [Awesome](https://github.com/sindresorhus/awesome) 206 | - [Awesome-awesome](https://github.com/emijrp/awesome-awesome) 207 | - [Awesome-awesomeness](https://github.com/bayandin/awesome-awesomeness) 208 | 209 | ## Authors 210 | 211 | | ![Willian Justen](https://avatars2.githubusercontent.com/u/3991845?v=3&s=150) | ![Luiz Henrique](https://avatars2.githubusercontent.com/u/12835911?v=3&s=150) | ![Márcio Ribeiro](https://avatars3.githubusercontent.com/u/13159727?v=3&s=150) 212 | |:---------------------:|:-------------------:|:-------------------:| 213 | | [Willian Justen](https://github.com/willianjusten/) | [Luiz Henrique](https://github.com/lhbzr) | [Márcio Ribeiro](https://github.com/marcioshiz) 214 | 215 | 216 | ##License 217 | 218 | [![CC0](https://i.creativecommons.org/l/by/4.0/88x31.png)](http://creativecommons.org/licenses/by/4.0/) 219 | 220 | To the extent possible under law, [Willian Justen](http://github.com/willianjusten) has waived all copyright and related or neighboring rights to this work. 221 | -------------------------------------------------------------------------------- /ci_script.sh: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env bash 2 | set -e # halt script on error 3 | 4 | bundle exec awesome_bot Readme.md --allow-redirect --set-timeout 10 --white-list https://github.com/sindresorhus/awesome 5 | -------------------------------------------------------------------------------- /logo-aav.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mattdesl/awesome-audio-visualization/b101e4718d75f9c25998d2a788d2cc00b7c2f242/logo-aav.gif --------------------------------------------------------------------------------