mirror of
https://github.com/willianjusten/awesome-audio-visualization.git
synced 2026-01-10 05:57:56 -05:00
Add descriptions
This commit is contained in:
Willian Justen
209
Readme.md
209
Readme.md
@@ -45,125 +45,222 @@
|
||||
## Experiments
|
||||
|
||||
- [Luis Henrique Bizarro Portfolio](https://lhbzr.com/) - Portfolio with experiments using Three.JS and GSLS.
|
||||
|
||||
- [Adventure Machine](http://www.madeon.fr/adventuremachine/) - Campaign for Madeon new album Adventure.
|
||||
|
||||
- [APEXvj](https://www.apexvj.com/v3/) - Next Generation Music Visualizer.
|
||||
|
||||
- [BBNG](https://uberviz.io/viz/bbng/) - WebGL Visualizer for Confessions (feat. Leland Whitty) by BADBADNOTGOOD.
|
||||
|
||||
- [Born in the Echoes](http://bornintheechoes.com/) - Campaign for The Chemical Brothers new album Born in the Echoes.
|
||||
- [Chrome Music Lab](https://musiclab.chromeexperiments.com/) - Play with simple experiments and explore how music works.
|
||||
|
||||
- [Chrome Music Lab](https://musiclab.chromeexperiments.com/) - Play with simple experiments and explore how music
|
||||
works.
|
||||
|
||||
- [DENNIS](http://www.dennis.video/) - An interactive and audio responsive music video for Dennis by popcorn_10's.
|
||||
- [Fluctus](http://jojo.ninja/fluctus/) - Experimental 3D Audio Visualizer.
|
||||
|
||||
- [Fluctus](http://jojo.ninja/fluctus/) - Experimental 3D Audio Visualizer by Jordan Machado.
|
||||
|
||||
- [George & Jonathan III](http://www.georgeandjonathan.com/) - Campaign for George & Jonathan new album III.
|
||||
|
||||
- [Goy Goy](http://goy-goy.herokuapp.com/) - A multiplayer Chrome Experiment made with HTML5 Canvas, socket.io and audiolet.js.
|
||||
|
||||
- [Lantern](https://www.uberviz.io/viz/lantern/) - WebGL Visualizer for Lantern by SBTRKT.
|
||||
- [Lines](http://labs.fluuu.id/lines/) - Visualising Joy Division album cover as a music spectrum.
|
||||
|
||||
- [Lines](http://labs.fluuu.id/lines/) - Visualising Joy Division album cover as a music spectrum by Silvio Paganini.
|
||||
|
||||
- [Nero](https://www.uberviz.io/viz/nero/) - WebGL Visualizer for In The Way by Nero.
|
||||
|
||||
- [OMM](http://ommexperience.com/) - An interactive audio visual experience exploring creativity.
|
||||
|
||||
- [Pareidolia](https://www.uberviz.io/viz/pareidolia/) - WebGL Visualizer for Szerencsétlen by Venetian Snares.
|
||||
|
||||
- [Soundviz](http://work.bartekdrozdz.com/soundviz/) - 5 different sound visualization effects with Leap Motion interactivity.
|
||||
|
||||
- [Splice](https://www.uberviz.io/viz/splice/) - A realtime interactive music visualizer using time-code data from Splice's upcoming visualizer API.
|
||||
|
||||
- [Typatone](http://www.typatone.com/) - Make music while you write.
|
||||
|
||||
- [Yume](http://unseen-music.com/yume/) - Campaign for Helios new album Yume.
|
||||
- [Spins](http://mattdesl.github.io/spins/) - Audio Visualizer rendering Waveforms in Polar Coordinates.
|
||||
- [Silk](http://mattdesl.github.io/codevember/21.html) - 3D Audio Visualizer.
|
||||
- [Wave](http://mattdesl.github.io/codevember/3.html) - 3D Audio Visualizer.
|
||||
- [Binaural](http://mattdesl.github.io/codevember/6.html) - Experiment using Binaural and Reverb audio effects.
|
||||
- [Beatgrid](http://mattdesl.github.io/codevember/8.html) - Experiment using Audio Beat Detection.
|
||||
- [Party](http://mattdesl.github.io/codevember/13.html) - 2D Audio Visualizer.
|
||||
|
||||
- [Spins](http://mattdesl.github.io/spins/) - Audio Visualizer rendering Waveforms in Polar Coordinates by Matt DesLauriers.
|
||||
|
||||
- [Silk](http://mattdesl.github.io/codevember/21.html) - 3D Audio Visualizer by Matt DesLauriers.
|
||||
|
||||
- [Wave](http://mattdesl.github.io/codevember/3.html) - 3D Audio Visualizer by Matt DesLauriers.
|
||||
|
||||
- [Binaural](http://mattdesl.github.io/codevember/6.html) - Experiment using Binaural and Reverb audio effects by Matt DesLauriers.
|
||||
|
||||
- [Beatgrid](http://mattdesl.github.io/codevember/8.html) - Experiment using Audio Beat Detection by Matt DesLauriers.
|
||||
|
||||
- [Party](http://mattdesl.github.io/codevember/13.html) - 2D Audio Visualizer by Matt DesLauriers.
|
||||
|
||||
- [Word Problems](https://www.uberviz.io/viz/word-problems/) - WebGL Visualizer for Word Problems by Harmonic 313.
|
||||
- [Here Comes The Sun](http://beatlescode.cc/) - A visual representation of The Beatles’ song Here Comes The Sun dynamically generated by an algorithm developed with Processing and Processing.js.
|
||||
|
||||
- [Here Comes The Sun](http://beatlescode.cc/) - A visual representation of The Beatles’ song Here Comes The Sun dynamically generated by an algorithm developed with Processing and Processing.js by Marcio Ribeiro.
|
||||
|
||||
- [Audio Cloud](http://ma77os.cc/lab/audio-cloud/) - A reactive particle system based on audio analysis of Fast Fourier Transform spectrum.
|
||||
- [Noisy Function of Math and Music](http://naivesound.com/glitch/)
|
||||
- [Doodle - 105 Birthday Clara Rockmore](http://www.google.com/doodles/clara-rockmores-105th-birthday)
|
||||
- [Fireworks with WebGL](http://ondras.github.io/fireworks-webgl/) - Sound driven fireworks.
|
||||
- [Tonalhub](https://alemangui.github.io/Tonalhub/?user=webaudio&repository=web-audio-api)
|
||||
- [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.
|
||||
- [Mmorph](http://mmorph.massivemusic.com/) - An adventure into new ways of delivering interactive music in the browser and beyond.
|
||||
- [Play a cornet to Donald Trump](http://trumpdonald.org/)
|
||||
- [Create your Beat Box](https://www.ludensbeatbox.com)
|
||||
- [Loop Waveform Visualizer](https://airtightinteractive.com/demos/js/reactive/) - WebGL Visualizer for Screw Base by Beytah.
|
||||
- [The Infinite Jukebox](http://labs.echonest.com/Uploader/index.html)
|
||||
- [Bohemian Rhapsichord](http://static.echonest.com/BohemianRhapsichord/index.html)
|
||||
- [Scrollsound](http://zya.github.io/scrollsound/)
|
||||
|
||||
- [Glitch](http://naivesound.com/glitch/) - an algorithmic synthesizer to make music from math.
|
||||
|
||||
- [105 Birthday Clara Rockmore](http://www.google.com/doodles/clara-rockmores-105th-birthday) - a Doodle for the Birthday of Clara Rockmore.
|
||||
|
||||
- [Fireworks with WebGL](http://ondras.github.io/fireworks-webgl/) - Sound driven fireworks by Ondřej Žára.
|
||||
|
||||
- [Tonalhub](https://alemangui.github.io/Tonalhub/?user=webaudio&repository=web-audio-api) - create music from your github repository by Alejandro Mantecon Guillen.
|
||||
|
||||
- [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.
|
||||
|
||||
- [Mmorph](http://mmorph.massivemusic.com/) - An adventure into new ways of delivering interactive music in the
|
||||
browser and beyond.
|
||||
|
||||
- [Play a cornet to Donald Trump](http://trumpdonald.org/) - a funny site to play a cornet to Donald Trump by Animal Agency.
|
||||
|
||||
- [Ludens Beat Box](https://www.ludensbeatbox.com) - create your BeatBox by Ludens.
|
||||
|
||||
- [Loop Waveform Visualizer](https://airtightinteractive.com/demos/js/reactive/) - WebGL Visualizer for Screw Base by
|
||||
Beytah.
|
||||
|
||||
- [The Infinite Jukebox](http://labs.echonest.com/Uploader/index.html) - play every music until the infinite by Paul Lamere.
|
||||
|
||||
- [Bohemian Rhapsichord](http://static.echonest.com/BohemianRhapsichord/index.html) - is a web app that turns the song Bohemian Rhapsody into a musical instrument by Paul Lamere.
|
||||
|
||||
- [Scrollsound](http://zya.github.io/scrollsound/) - Scrolling as a method of interaction with audio on the web by Ehsan Ziya.
|
||||
|
||||
- [Floraldrift](http://whitevinyldesign.com/floradrift/) - Procedurally generated music and visuals.
|
||||
- [Music Experiment by Bruno Imbrizi](http://brunoimbrizi.com/experiments/#/08)
|
||||
|
||||
- [Experiment #8](http://brunoimbrizi.com/experiments/#/08) - Music Experiment by Bruno Imbrizi.
|
||||
|
||||
- [Music Cube](http://www.808cube.com/) - A Chrome Experiment that combines the Roland TR-808 Drum Machine with the Rubik's Cube.
|
||||
|
||||
- [Music Game - ECHO](http://tonenotone.com/ECHO/) - A challenging musical puzzle game.
|
||||
|
||||
- [Patatap](http://www.patatap.com/) - A portable animation and sound kit.
|
||||
- [Dancing Rumrya](http://dancing.rumyra.com/complex)
|
||||
|
||||
- [Plink - Awesome Multiplayer Game](http://www.dinahmoelabs.com/plink) - A multiplayer music experience.
|
||||
|
||||
- [Simon Says - Game](http://labs.uxmonk.com/simon-says/) - A free memory game in your browser.
|
||||
|
||||
- [Soundcloud Visualizer](http://www.michaelbromley.co.uk/experiments/soundcloud-vis/#muse/undisclosed-desires) - A Canvas and Web Audio Experiment.
|
||||
- [Scootaloo](http://klange.github.io/scootaloo.in/)
|
||||
|
||||
- [CSS Visualizer](http://likethemammal.github.io/css-visualizer/) - Music Visualizers that are made entirely using DOM elements and CSS3.
|
||||
|
||||
- [Kandinski Experiment](http://jasonsigal.cc/kandinskify/) - Music Visualizations inspired in Kandinsky.
|
||||
|
||||
- [Visual Music Trailer](https://vimeo.com/160470393) - Live audio visual performance ideas.
|
||||
- [Draw and Music](http://rugs.grindselect.com/)
|
||||
- [Moogfest Substrate](http://www.moogfest.com/_substrate)
|
||||
- [Flame Gradient](http://rickycodes.github.io/audio-visualizer/gradient/)
|
||||
- [3D Grid](http://rickycodes.github.io/audio-visualizer/three/)
|
||||
|
||||
- [Draw and Music](http://rugs.grindselect.com/) - Campaign for Rugs new album by Sam Greens.
|
||||
|
||||
- [Moogfest Substrate](http://www.moogfest.com/_substrate) - experimental site to Moogfest.
|
||||
|
||||
- [Flame Gradient](http://rickycodes.github.io/audio-visualizer/gradient/) - Audio visualizer built with HTML5 web audio API by rickycodes.
|
||||
|
||||
- [3D Grid](http://rickycodes.github.io/audio-visualizer/three/) - Audio visualizer built with HTML5 web audio API by rickycodes.
|
||||
|
||||
- [obsidian](http://mrdoob.com/files/temp/xplsv_obsidian/) - 3D Audio Visualization made by the creator of Three.js.
|
||||
|
||||
|
||||
## Experiments on Codepen
|
||||
|
||||
- [Star Wars opening crawl from 1977](http://codepen.io/TimPietrusky/full/eHGfj/)
|
||||
- [Simple Audio Visualization using sketch.js](http://codepen.io/soulwire/full/Dscga/)
|
||||
- [SVG Animated Drum Kit](http://codepen.io/iamjoshellis/full/KVdQqm/)
|
||||
- [SVG Animated Guitar](http://codepen.io/iamjoshellis/full/qbBKZB/)
|
||||
- [Abstract Audio Visualizer using Three.js](http://codepen.io/Francext/full/yIogq/)
|
||||
- [Awesome Audio Player](http://codepen.io/alexpierre/full/RNELPV/)
|
||||
- [Wireframe WebGL Animation with Three.js](http://codepen.io/pat_hg/full/gamQwr/)
|
||||
- [Soundcloud Vinyl Search](http://codepen.io/chrisgannon/full/GpwqgG/)
|
||||
- [Gooey Effect Audio](http://codepen.io/enjikaka/full/QbJmRJ/)
|
||||
- [CSS Audio Visualizer](http://codepen.io/njmcode/full/WbWyWz/)
|
||||
- [Storytelling with Html5 + CSS3](http://codepen.io/rachelnabors/full/rCost/)
|
||||
- [Step sequencer](http://codepen.io/woodwork/full/rxrLqa/)
|
||||
- [WebGL Spacesphere using Three.js](http://codepen.io/luigimannoni/full/yYZjjV)
|
||||
- [WebGL Soundcloud Visualizer using Three.js](http://codepen.io/luigimannoni/full/xbLgqB)
|
||||
- [Oscilator](http://codepen.io/easwee/pen/sFpmo)
|
||||
- [Cubes Audio Visualizer](http://codepen.io/pat_hg/pen/zvMrRJ)
|
||||
- [SVG Animated Drum Kit](http://codepen.io/iamjoshellis/full/KVdQqm/) - Play an amazing Drum made with SVG and realistic sounds by @iamjoshellis.
|
||||
|
||||
- [SVG Animated Guitar](http://codepen.io/iamjoshellis/full/qbBKZB/) - Play an amazing Guitar made with SVG and realistic sounds by @iamjoshellis.
|
||||
|
||||
- [Audio Visualizer](http://codepen.io/Francext/full/yIogq/) - Abstract Audio Visualizer using Three.js by Francesco Trillini
|
||||
|
||||
- [Awesome Audio Player](http://codepen.io/alexpierre/full/RNELPV/) - Radial Audio Player constructed by lines of frequency and amplitude by Alex Permyakov
|
||||
|
||||
- [Wireframes](http://codepen.io/pat_hg/full/gamQwr/) - Wireframe WebGL Animation with Three.js by Patrick Heng
|
||||
|
||||
- [Soundcloud Vinyl Search](http://codepen.io/chrisgannon/full/GpwqgG/) - an amazing experiment creating a realistic Vinyl player using DrawSVG and GSAP by Chris Gannon.
|
||||
|
||||
- [Gooey Effect Audio](http://codepen.io/enjikaka/full/QbJmRJ/) - upload your mp3 and visualize the song with this crazy effect by Jeremy Karlsson.
|
||||
|
||||
- [CSS Audio Visualizer](http://codepen.io/njmcode/full/WbWyWz/) - Using audio frequency data from a hidden video to apply CSS scaling by Neil McCallion.
|
||||
|
||||
- [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.
|
||||
|
||||
- [Step sequencer](http://codepen.io/woodwork/full/rxrLqa/) - create musics with this sequencer by Joe Harry.
|
||||
|
||||
- [WebGL Spacesphere using Three.js](http://codepen.io/luigimannoni/full/yYZjjV) - an immersion to the space by Luigi Mannoni.
|
||||
|
||||
- [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.
|
||||
|
||||
- [Oscilator](http://codepen.io/easwee/pen/sFpmo) - Testing the oscillator node from HTML5 audio API by Anej Gorkič.
|
||||
|
||||
- [Cubes Audio Visualizer](http://codepen.io/pat_hg/pen/zvMrRJ) - 10th contribution for codevember 2015 by Patrick Heng.
|
||||
|
||||
## Libraries Audio
|
||||
|
||||
- [web-audio-analyser](https://github.com/hughsk/web-audio-analyser) - A thin wrapper around the Web Audio API that takes an <audio> element and gives you its waveform/frequency data in return.
|
||||
|
||||
- [web-audio-player](https://github.com/Jam3/web-audio-player) - A cross-browser Web Audio player.
|
||||
|
||||
- [web-media-playback](https://github.com/hughsk/web-media-playback) - Retrieve playback and buffering information about audio or video playing in the browser.
|
||||
|
||||
- [Pizzicato.js](https://alemangui.github.io/pizzicato/) - Simplify the way you create and manipulate sounds via the Web Audio API.
|
||||
|
||||
- [ThreeAudio.js](https://github.com/unconed/ThreeAudio.js) - Helps you create music visualizations in Three.js or tQuery.
|
||||
- [Beeplay.js](https://watilde.github.io/beeplay/)
|
||||
|
||||
- [Beeplay.js](https://watilde.github.io/beeplay/) - Write A Song In JavaScript.
|
||||
|
||||
- [MIDI.js](https://github.com/mudcube/MIDI.js/) - Making life easy to create a MIDI-app on the web.
|
||||
|
||||
- [Beep.js](https://github.com/stewdio/beep.js) - A JavaScript toolkit for building browser-based synthesizers.
|
||||
|
||||
- [p5.sound](https://github.com/processing/p5.js-sound) - Brings the Processing approach to Web Audio and p5.js.
|
||||
|
||||
- [Audiolet](https://www.jhtrnr.com/Audiolet/) - A JavaScript library for real-time audio synthesis and composition.
|
||||
- [Echonest](http://the.echonest.com/)
|
||||
|
||||
- [coffee-collider](https://www.npmjs.com/package/coffee-collider) - A language for real time audio synthesis and algorithmic composition in HTML5.
|
||||
|
||||
## Libraries Visualization
|
||||
|
||||
- [p5.js](http://p5js.org/) - A JavaScript library for creating graphic and interactive experiences, based on the core principles of Processing.
|
||||
|
||||
- [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.
|
||||
|
||||
- [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.
|
||||
|
||||
- [three.js](http://threejs.org/) - Three.js is a library that makes WebGL easy to use.
|
||||
|
||||
- [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.
|
||||
|
||||
- [BabylonJS](http://babylonjs.com/) - A complete JavaScript framework for building 3D games with HTML5, WebGL and Web Audio.
|
||||
|
||||
- [Web Audio Extension](https://github.com/spite/WebAudioExtension) - A Chrome extension to play with Web Audio.
|
||||
|
||||
- [Cinder](https://libcinder.org/) - A community-developed, free and open source library for professional-quality creative coding in C++.
|
||||
- [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.
|
||||
|
||||
- [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.
|
||||
|
||||
- [HYPE_processing](http://www.hypeframework.org/) - Collection of Processing classes that performs heavy lifting tasks while using a minimal amount of code writing.
|
||||
|
||||
- [The Force](https://github.com/shawnlawson/The_Force) - Live coding, shader editing with audio input.
|
||||
|
||||
- [Hylogen](https://github.com/sleexyz/hylogen) - purely functional language embedded in Haskell for expressive live coding of fragment shaders (with audio input)
|
||||
|
||||
## People to Follow
|
||||
|
||||
- [Joshua Davis](http://www.joshuadavis.com/)
|
||||
- [Robert Hodgin](http://roberthodgin.com/)
|
||||
- [Seb Lee-Delisle](http://seb.ly/)
|
||||
- [Raven Kwok](http://ravenkwok.com/)
|
||||
- [Chris Wilson](https://github.com/cwilso/)
|
||||
- [Kevin Ennis](https://github.com/kevincennis)
|
||||
- [Jason Sigal](https://github.com/therewasaguy)
|
||||
- [Shawn Lawson](http://shawnlawson.com/)
|
||||
- [Joshua Davis](http://www.joshuadavis.com/) - an American designer, technologist, author and artist in new media.
|
||||
|
||||
- [Robert Hodgin](http://roberthodgin.com/) - a creative coder living in Brooklyn, o-creator of the Cinder C++.
|
||||
|
||||
- [Seb Lee-Delisle](http://seb.ly/) - an award-winning digital artist and speaker.
|
||||
|
||||
- [Raven Kwok](http://ravenkwok.com/) - a visual artist, animator and creative programmer.
|
||||
|
||||
- [Chris Wilson](https://github.com/cwilso/) - Open Web Guy, formerly of Microsoft and now working as a Developer Advocate at Google.
|
||||
|
||||
- [Jason Sigal](https://github.com/therewasaguy) - creative Coder in residence at NYU’s and creator of web audio library for p5.js.
|
||||
|
||||
- [Shawn Lawson](http://shawnlawson.com/) - an experiential media artist creating the computational sublime.
|
||||
|
||||
- [Matt DesLauriers](https://github.com/mattdesl) - creative coder at Jam 3.
|
||||
|
||||
- [Patrick Heng](http://hengpatrick.fr/) - creative front-end developer studied at Hetic and Gobelins and work at Grouek.
|
||||
|
||||
## Tutorials
|
||||
|
||||
|
||||
Reference in New Issue
Block a user