Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
awesome-audio-visualization
A curated list about Audio Visualization.
https://github.com/willianjusten/awesome-audio-visualization
Last synced: about 20 hours ago
JSON representation
-
Downloads
- Soundwhich
- Soundwhich
- Beeple's resource (inspirational C4D "open source" files)
- Freesound
- Audio Jungle
- Six Bit Deep
- Samplephonics - Free Stuff
- Wave Alchemy
- Audio Animals
- Free Music Archive
- How to Make Electronic Music Freebies
- Motion Sound
- Soundwhich
- Soundwhich
- Wave Alchemy
- Bed Room Producers Blog
- Soundwhich
- Soundwhich
- Soundwhich
- Soundwhich
- Soundwhich
- Soundwhich
- Soundwhich
- Soundwhich
- Soundwhich
- Soundwhich
- Soundwhich
- Soundwhich
- Soundwhich
- Six Bit Deep
- Soundwhich
- Soundwhich
- Soundwhich
- Audio Animals
- Soundwhich
- Soundwhich
- Soundwhich
- Soundwhich
- Soundwhich
- Soundwhich
- Soundwhich
- Soundwhich
- Soundwhich
- Soundwhich
- Soundwhich
- Motion Sound
- Soundwhich
- Soundwhich
- Soundwhich
- Soundwhich
- Soundwhich
- Soundwhich
- Soundwhich
- Soundwhich
- Soundwhich
- Music Radar
- Soundwhich
- Soundwhich
- Soundwhich
- Soundwhich
- Soundwhich
- Soundwhich
- Soundwhich
- Soundwhich
- Soundwhich
- Soundwhich
- Soundwhich
- Soundwhich
-
Books
-
Experiments
- React Player - A complete Audio Visualisation player with ReactJS.
- Moire - A Web Audio / WebGL visualisation.
- Finding Love - fully interactive, Virtual Reality story that transforms emotions into art.
- Tangled - Audio-visual release by Berlin based netlabel Yarn Audio, visuals made in [cables](https://cables.gl/). Drag to rotate, scroll to zoom.
- Luis Henrique Bizarro Portfolio - Portfolio with experiments using Three.JS and GSLS.
- Adventure Machine - Campaign for Madeon's "Adventure" album.
- BBNG - WebGL Visualizer for "Confessions" (feat. Leland Whitty) by BADBADNOTGOOD.
- Chrome Music Lab - Play with simple experiments and explore how music works.
- DENNIS - An interactive and audio responsive music video for "Dennis" by popcorn_10's.
- Fluctus - Experimental 3D Audio Visualizer by Jordan Machado.
- George & Jonathan III - Campaign for George & Jonathan's "III" album.
- Lantern - WebGL Visualizer for "Lantern" by SBTRKT.
- Lines - Visualising Joy Division album cover as a music spectrum by Silvio Paganini.
- Nero - WebGL Visualizer for "In The Way" by Nero.
- Pareidolia - WebGL Visualizer for "Szerencsétlen" by Venetian Snares.
- Splice - A realtime interactive music visualizer using time-code data from Splice's upcoming visualizer API.
- Typatone - Make music while you write.
- Yume - Campaign for Helios' "Yume" album.
- Silk - 3D Audio Visualizer by Matt DesLauriers.
- Wave - 3D Audio Visualizer by Matt DesLauriers.
- Binaural - Experiment using Binaural and Reverb audio effects by Matt DesLauriers.
- Word Problems - WebGL Visualizer for "Word Problems" by Harmonic 313.
- Glitch - An algorithmic synthesizer to make music from math.
- 105 Birthday Clara Rockmore - A Doodle for the Birthday of Clara Rockmore.
- Glowsynth - just amazing! - Play with your mouse, Qwerty keyboad, or MIDI keyboard and watch as the lights dance to your music.
- Mmorph - An adventure into new ways of delivering interactive music in the browser and beyond.
- Loop Waveform Visualizer - WebGL Visualizer for Screw Base by Beytah.
- Experiment #8 - Music Experiment by Bruno Imbrizi.
- Music Cube - A Chrome Experiment that combines the Roland TR-808 Drum Machine with the Rubik's Cube.
- Music Game - ECHO - A challenging musical puzzle game.
- Patatap - A portable animation and sound kit.
- Plink - Awesome Multiplayer Game - A multiplayer music experience.
- Soundcloud Visualizer - A Canvas and Web Audio Experiment.
- Kandinski Experiment - Music Visualizations inspired in Kandinsky.
- Visual Music Trailer - Live audio visual performance ideas.
- Draw and Music - Campaign for Rugs new album by Sam Greens.
- Moogfest Substrate - Experimental site to Moogfest.
- 3D Grid - Audio visualizer built with HTML5 web audio API by rickycodes.
- obsidian - 3D Audio Visualization made by the creator of Three.js.
- TRIF - GIF-based online radio visualization using webaudio API and raw CSS
- Audiograph - Amazing audio visualization made by Matt DesLauriers.
- Scribble Audio - Draw loops of sound with this web synthesizer.
- Touchpianist - play a piano and look all animations along the screen.
- PartyMode - An experimental music visualizer using d3.js and the web audio api.
- DJi - Clean music visualizer from SoundCloud or self uploaded.
- Popcorn - Little audio-reactive sketch by Hugh Kennedy.
- Musical Interactions - Some experimental ideas for playful musical interactions.
- Weekly Music Visualizations
- Just Dance - A 3D Audio Visualization made with [BabylonJS](http://babylonjs.com/) & 2D Perlin Noise.
- Lines - Visualising Joy Division album cover as a music spectrum by Silvio Paganini.
- Glitch - An algorithmic synthesizer to make music from math.
- audioMotion - High-resolution real-time audio spectrum analyzer and full-featured music player written in JavaScript. Includes binaries for Windows, Linux and macOS.
- React Player - A complete Audio Visualisation player with ReactJS.
-
Experiments on Codepen
- SVG Animated Drum Kit - Play an amazing Drum made with SVG and realistic sounds by @iamjoshellis.
- SVG Animated Guitar - Play an amazing Guitar made with SVG and realistic sounds by @iamjoshellis.
- Audio Visualizer - Abstract Audio Visualizer using Three.js by Francesco Trillini
- Awesome Audio Player - Radial Audio Player constructed by lines of frequency and amplitude by Alex Permyakov
- Wireframes - Wireframe WebGL Animation with Three.js by Patrick Heng
- Soundcloud Vinyl Search - An amazing experiment creating a realistic Vinyl player using DrawSVG and GSAP by Chris Gannon.
- Gooey Effect Audio - Upload your mp3 and visualize the song with this crazy effect by Jeremy Karlsson.
- CSS Audio Visualizer - Using audio frequency data from a hidden video to apply CSS scaling by Neil McCallion.
- Storytelling with Html5 + CSS3 - A great example of how to use music to create a Storytelling by Rachel Nabors.
- Step sequencer - Create music with this sequencer by Joe Harry.
- WebGL Soundcloud Visualizer using Three.js - ThreeJS/WebGL Soundcloud player/visualizer based on HTML5 AudioContext API by Luigi Mannoni.
- Cubes Audio Visualizer - 10th contribution for codevember 2015 by Patrick Heng.
- P5 Audio Tests 33 - Audio visualization using p5.js 3D elements and Soundcloud API
- P5 Audio Tests 27 - Audio visualization using p5.js 3D elements and Soundcloud API
- CircleLineNERDDISCO - Audio visualization with amazing analyser by Tim Pietrusky.
- Clubberize yin yang example - An example using the clubberize helper to easily integrate clubber.js in javascript apps.
- Oscilator - Testing the oscillator node from HTML5 audio API by Anej Gorkič.
- P5 Audio Tests 33 - Audio visualization using p5.js 3D elements and Soundcloud API
-
People to Follow
- Mat Preziotte - Absurd music visualizations and generative art.
- Aaron Koblin - Artist, designer, programmer, and entrepreneur specializing in data and digital technologies.
- Joshua Davis - An American designer, technologist, author and artist in new media.
- Robert Hodgin - A creative coder living in Brooklyn. Co-creator of the Cinder C++.
- Seb Lee-Delisle - An award-winning digital artist and speaker.
- Raven Kwok - A visual artist, animator and creative programmer.
- Chris Wilson - Open Web Guy, formerly of Microsoft and now working as a Developer Advocate at Google.
- Jason Sigal - Creative Coder in residence at NYU's and creator of web audio library for p5.js.
- Shawn Lawson - An experiential media artist creating the computational sublime.
- Matt DesLauriers - Creative coder at Jam 3.
- Patrick Heng - Creative front-end developer. Studied at Hetic and Gobelins and works at Grouek.
- Yannis Gravezas - A creative coder with several projects featured in chrome experiments, fwa and elsewhere.
-
Libraries Audio
- Audiolet - A JavaScript library for real-time audio synthesis and composition.
- coffee-collider - A language for real time audio synthesis and algorithmic composition in HTML5.
- Aubio - C library for realtime audio labeling with bindings for Python and PD, support for ofx and Vamp.
- waveform-data - Audio Waveform Data Manipulation API – resample, offset and segment waveform data in JavaScript.
-
Libraries Visualization
- p5.js - A JavaScript library for creating graphic and interactive experiences, based on the core principles of Processing.
- Pixi.js - A fast lightweight 2D library that works across all devices. The Pixi renderer allows everyone to enjoy the power of hardware acceleration without prior knowledge of WebGL.
- three.js - Three.js is a library that makes WebGL easy to use.
- Two.js - A two-dimensional drawing API geared towards modern web browsers. It is renderer agnostic enabling the same API to draw in multiple contexts: SVG, Canvas, and WebGL.
- BabylonJS - A complete JavaScript framework for building 3D games with HTML5, WebGL and Web Audio.
- Cinder - A community-developed, free and open source library for professional-quality creative coding in C++.
- HYPE_processing - Collection of Processing classes that performs heavy lifting tasks while using a minimal amount of code writing.
- Peaks.js - Modular client-side JavaScript component designed for the display of and interaction with audio waveform material in the browser.
- Vuo
- wavesurfer.js - A customizable audio waveform visualization, built on top of Web Audio API and HTML5 Canvas
- audioMotion-analyzer - High-resolution real-time audio spectrum analyzer JS module with no dependencies.
- three.js - Three.js is a library that makes WebGL easy to use.
-
Tutorials
- Kadenze - Courses about Sound and Creative Process
- MDN - Basic concepts behind Web Audio API
- Understanding AudioParams: Precision control of web audio nodes
- Making An Interactive Music Video With WebGL
- Exploring the web audio api with d3
- Getting Started with Web Audio API
- 14 essential JavaScript audio libraries for web developers
- Learning Web Audio API
- Fun with Web Audio API
- The Audio Processing Dog House
- Audio visualisation with the web audio api
- Make Your Browser Dance
- Audio Visualization with Web Audio and Three.js
- Applying Web Audio API with the HTML5 Canvas Element - Part I
- Applying Web Audio API with the HTML5 Canvas Element - Part II
- Real-time analysis of streaming audio data with Web Audio API
- Syncing CSS Animations with HTML5 Audio
- Javascript Systems Music - Learning Web Audio by Recreating The Works of Steve Reich and Brian Eno
- Creative Audio Visualizers
- Recreating legendary 8-bit games music with Web Audio API
- Visualizing sound in Go with SDL
- Audio Visualization with Web Audio and Three.js
- Audio Visualization with Web Audio and Three.js
- Audio Visualization with Web Audio and Three.js
- Audio Visualization with Web Audio and Three.js
- Audio Visualization with Web Audio and Three.js
- Audio Visualization with Web Audio and Three.js
- Audio Visualization with Web Audio and Three.js
- Audio Visualization with Web Audio and Three.js
- Audio Visualization with Web Audio and Three.js
- Audio Visualization with Web Audio and Three.js
- Audio Visualization with Web Audio and Three.js
- Audio Visualization with Web Audio and Three.js
- Audio Visualization with Web Audio and Three.js
- Audio Visualization with Web Audio and Three.js
- Audio Visualization with Web Audio and Three.js
- Audio Visualization with Web Audio and Three.js
- Audio Visualization with Web Audio and Three.js
- Audio Visualization with Web Audio and Three.js
- Audio Visualization with Web Audio and Three.js
- Audio Visualization with Web Audio and Three.js
- Audio Visualization with Web Audio and Three.js
- Audio Visualization with Web Audio and Three.js
- Audio Visualization with Web Audio and Three.js
- Audio Visualization with Web Audio and Three.js
- Audio Visualization with Web Audio and Three.js
- Audio Visualization with Web Audio and Three.js
- Audio Visualization with Web Audio and Three.js
- Audio Visualization with Web Audio and Three.js
- Audio Visualization with Web Audio and Three.js
- Audio Visualization with Web Audio and Three.js
- Audio Visualization with Web Audio and Three.js
- Audio Visualization with Web Audio and Three.js
- Audio Visualization with Web Audio and Three.js
- Audio Visualization with Web Audio and Three.js
- Audio Visualization with Web Audio and Three.js
-
Videos
- Matt McKegg: I Play The JavaScript - JSConf.Asia 2015
- Chris Lowis: A Brief History of Synthesis with the Web Audio API
- Introducing the Web Audio API
- CorkDev.IO - HTML 5 Web Audio API
- Steve Kinney: Building a musical instrument with the Web Audio API | JSConf US 2015
- Making the Web Rock: The Web Audio API
- Jordan Santell: Signal Processing with the Web Audio API - JSConf2014
- Making waves using the Web Audio API
- Stuart Memo: JavaScript is the new Punk Rock
- Jan Krutisch: JavaScript Patterns For Contemporary Dance Music -- JSConf EU 2013
- Charlie Roberts: Gibbering at Algoraves - JS in Live Audiovisual Performances - JSConf.Asia 2014
- Lauren McCarthy: Learning while making p5js
- Interactive Music with Tone.js
- Web Audio API vs Native: Closing the Gap
- BRAID: A Web Audio Instrument Builder with Embedded Code Blocks
- Web Audio Tools
- HTML5DevConf: Jordan Santell, "Browser Dance Party: Visualizing Audio with the Web Audio API"
- Praveen Kumar - MIDI.js
- Mathieu 'p01' Henri: Making Realtime Audio-Visuals - JSConf.Asia 2015
- Paul Adenot: Elements of Dance Music - JSConf.Asia 2015
- 8-bit Music Theory
-
Authors
-
Uncategorized
-
Uncategorized
-