Top 50 Awesome List

willianjusten/awesome-audio-visualization

Media  2 months ago  3.8k
A curated list about Audio Visualization.
View byDAY/WEEK/README
View on Github

Aug 15th

Mar 3rd

Libraries Visualization

  • Muser - Using machine learning to enhance music visualization in the browser.
  • Aug 16th, 2020

    Downloads

  • Cavastars2.2k - A cross-platform terminal visualizer.
  • Libraries Visualization

  • Cavastars2.2k - A cross-platform terminal visualizer.
  • Jul 8th, 2020

    Libraries Audio

  • standardized-audio-contextstars370 - A cross-browser implementation of the AudioContext which aims to closely follow the standard.
  • web-audio-beat-detectorstars334 - A beat detection utility which is using the Web Audio API.
  • meydastars1k - Audio feature extraction for JavaScript.
  • Jun 18th, 2020

    Experiments

  • p5.js Audio Visualizer - A powerful, beat- and amplitude-responsive audio visualizer created with p5.soundstars673, on an HTML5 Canvas by Amanda Yeh.
  • Jun 5th, 2020

    Experiments

  • YouTube Musical Spectrumstars106 - A browser extension that offers audio visualization on your YouTube page with nice musical notes.
  • Jan 16th, 2020

    Experiments

  • audioMotion - High-resolution real-time audio spectrum analyzer and full-featured music player written in JavaScript. Includes binaries for Windows, Linux and macOS.
  • Libraries Visualization

  • audioMotion-analyzer - High-resolution real-time audio spectrum analyzer JS module with no dependencies.
  • Nov 7th, 2019

    Experiments

  • Just Dance - A 3D Audio Visualization made with BabylonJS & 2D Perlin Noise.
  • Audible Visuals - Collection of visualizers derived from the Archimedean spiral by Sonia Boller.
  • Libraries Audio

  • audiostars130 - Generic Go package designed to define a common interface to analyze and/or process audio data
  • wavstars153 - Battle tested Wav decoder/encoder
  • Tutorials

  • Visualizing sound in Go with SDL
  • Jun 24th, 2019

    Libraries Audio

  • Aubio - C library for realtime audio labeling with bindings for Python and PD, support for ofx and Vamp.
  • Downloads

  • How to Make Electronic Music Freebies
  • Jan 22nd, 2019

    Experiments

  • React Player - A complete Audio Visualisation player with ReactJS.
  • CPPN-based Visualizer - Applying compositional pattern-producing networks to generate interesting visuals from audio data.
  • Libraries Visualization

  • Slangstars1.1k - An audio programming language built in JS
  • Oct 26th, 2018

    Experiments

  • Audio Visualizerstars14 - An interesting web audio visualizer built with Pixi.js.
  • Jul 24th, 2018

    Downloads

  • Soundwhich
  • Jul 16th, 2018

    Libraries Visualization

  • Circular Audio Wavestars154 - A JS library for audio visualization in circular wave using Web Audio API and ECharts
  • May 21st, 2018

    Libraries Visualization

  • wavebellstars35 - A javascript voice recorder with realtime waveform, using web microphone
  • Apr 26th, 2018

    People to Follow

  • Aaron Koblin - Artist, designer, programmer, and entrepreneur specializing in data and digital technologies.
  • Tutorials

  • Recreating legendary 8-bit games music with Web Audio API
  • Mar 6th, 2018

    Dec 18th, 2017

    Experiments

  • Weekly Music Visualizations Weekly music visualization experiments built with Three.js and p5.js by Suraya Shivji.
  • Dec 16th, 2017

    Experiments

  • Andantino Listen some notes and try to find same notes on the keyboard.
  • ShowCQTBar - Audio spectrum visualization with musical scale.
  • Oct 10th, 2017

    Libraries Visualization

  • Vuo — A realtime visual programming language for interactive media.
  • Sep 27th, 2017

    Libraries Visualization

  • wavesurfer.js - A customizable audio waveform visualization, built on top of Web Audio API and HTML5 Canvas
  • Experiments

  • HTML5 Audio Visualizer Video Maker Pick your music, background image, customize the visualizer the way you want it, and have the visualizer be recorded all right in your web browser.
  • 3d Particles Music Visualiser Music visualiser done in Three.js by Richard Tan
  • Jun 13th, 2017

    Experiments

  • Finding Love - fully interactive, Virtual Reality story that transforms emotions into art.
  • M A I L M A N Interactive music video by Bruno Imbrizi for a song called Mailman by Soundgarden.
  • Mar 16th, 2017

    Experiments

  • Vissonance A collection of audio visualizers built in THREE.js.
  • Feb 21st, 2017

    Experiments

  • Moire - A Web Audio / WebGL visualisation.
  • Feb 1st, 2017

    Experiments

  • ClubberToy Several shadertoys, rewired with clubber, bundled as a vj app.
  • Experiments on Codepen

  • Clubberize yin yang example - An example using the clubberize helper to easily integrate clubber.js in javascript apps.
  • Libraries Visualization

  • Clubber.jsstars332 - Application of music theory in audio reactive visualizations.
  • People to Follow

  • Yannis Gravezas - A creative coder with several projects featured in chrome experiments, fwa and elsewhere.
  • Jan 31st, 2017

    Experiments

  • Mubert - World's first online music composer
  • Jan 28th, 2017

    Experiments

  • Tangled - Audio-visual release by Berlin based netlabel Yarn Audio, visuals made in cables. Drag to rotate, scroll to zoom.
  • Jan 7th, 2017

    Experiments

  • Polyrhythm - An interactive exploration of polyrythmic rhythms.
  • Videos

  • Paul Adenot: Elements of Dance Music - JSConf.Asia 2015
  • 8-bit Music Theory
  • Dec 22nd, 2016

    Experiments

  • Musical Interactions - Some experimental ideas for playful musical interactions.
  • Dec 2nd, 2016

    Experiments

  • Dancing Torus - Dancing Torus is a WebGL Audio Reactive experience. Choose your favourite song on Soundcloud and start dancing!
  • Nov 22nd, 2016

    Libraries Audio

  • waveform-data - Audio Waveform Data Manipulation API – resample, offset and segment waveform data in JavaScript.
  • audiowaveformstars1.3k - C++ program to generate waveform data and render waveform images from audio files.
  • Libraries Visualization

  • Peaks.js - Modular client-side JavaScript component designed for the display of and interaction with audio waveform material in the browser.
  • Nov 16th, 2016

    Experiments

  • Beat - Beat is a HTML5 audio/canvas experiment inspired by Propellerheads Figure iOS App.
  • Nov 6th, 2016

    Experiments

  • Popcorn - Little audio-reactive sketch by Hugh Kennedy.
  • Oct 22nd, 2016

    Experiments

  • VR Ondes Martenotstars5 - A playable rendition of the Ondes Martenot in Virtual Reality.
  • Sep 2nd, 2016

    Experiments

  • Braille Face: Kōya - Navigate a unique interactive environment in your browser while listening to Kōya, the debut album from Melbourne musician Braille Face.
  • Sep 1st, 2016

    Experiments

  • Here Comes The Sun - 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.
  • DJi - Clean music visualizer from SoundCloud or self uploaded.
  • Libraries Audio

  • Octavianstars160 - Utilities for reasoning about musical notes, frequencies, and intervals
  • Aug 15th, 2016

    Experiments

  • Arkade London - Arkade London is a pure personal and experimental webVJ fan art.
  • Jul 23rd, 2016

    Experiments

  • PartyMode - An experimental music visualizer using d3.js and the web audio api.
  • People to Follow

  • Mat Preziotte - Absurd music visualizations and generative art.
  • Jul 3rd, 2016

    Libraries Audio

  • audio-renderstars38 - A pass-through audio stream, providing structure for rendering stream audio data.
  • Jun 16th, 2016

    Experiments

  • 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.
  • Experiments on Codepen

  • 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.
  • Jun 15th, 2016

    Experiments

  • Triangles - An experiment using triangles in Canvas.
  • Jun 6th, 2016

    Experiments

  • Touchpianist - play a piano and look all animations along the screen.
  • May 24th, 2016

    Experiments

  • Scribble Audio - Draw loops of sound with this web synthesizer.
  • May 17th, 2016

    Experiments

  • Restless Earth - Audio visualization for "Restless Earth".
  • May 12th, 2016

    Experiments

  • D159 - Audio visualization for "gloom" shown at NVScene 2015 by Simo Santavirta.
  • May 11th, 2016

    Experiments

  • Happy Monday - Musical experiment using THREE.MeshLine by David Ronai.
  • May 10th, 2016

    Experiments

  • Audiograph - Amazing audio visualization made by Matt DesLauriers.
  • May 9th, 2016

    Downloads

  • Motion Sound
  • May 8th, 2016

    Experiments

  • Chrome Music Lab - Play with simple experiments and explore how music works.
  • Glowsynth - just amazing! - Play with your mouse, Qwerty keyboad, or MIDI keyboard and watch as the lights dance to your music.
  • Garbage Collector - Audio visualization experiment made with Three.js and some post-processing.
  • Libraries Visualization

  • Processing - An open source programming language and integrated development environment built for the electronic arts, new media art, and visual design communities.
  • Apr 29th, 2016

    Experiments

  • TRIF - GIF-based online radio visualization using webaudio API and raw CSS
  • Apr 21st, 2016

    Experiments

  • Adventure Machine - Campaign for Madeon's "Adventure" album.
  • BBNG - WebGL Visualizer for "Confessions" (feat. Leland Whitty) by BADBADNOTGOOD.
  • Born in the Echoes - Campaign for The Chemical Brothers' "Born in the Echoes" album.
  • DENNIS - An interactive and audio responsive music video for "Dennis" by popcorn_10's.
  • George & Jonathan III - Campaign for George & Jonathan's "III" album.
  • Lantern - WebGL Visualizer for "Lantern" by SBTRKT.
  • Nero - WebGL Visualizer for "In The Way" by Nero.
  • Pareidolia - WebGL Visualizer for "Szerencsétlen" by Venetian Snares.
  • Yume - Campaign for Helios' "Yume" album.
  • 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.
  • Tonalhub - Create music from your github repository by Alejandro Mantecon Guillen.
  • Play a cornet to Donald Trump - A funny site to play a cornet to Donald Trump by Animal Agency.
  • Bohemian Rhapsichord - A web app that turns the song Bohemian Rhapsody into a musical instrument by Paul Lamere.
  • Moogfest Substrate - Experimental site to Moogfest.
  • Experiments on Codepen

  • 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.
  • 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.
  • Libraries Audio

  • Beeplay.js - Write a song In JavaScript.
  • Libraries Visualization

  • The Forcestars225 - Live coded shader editing with audio input.
  • Hylogenstars457 - Purely functional language embedded in Haskell for expressive live coding of fragment shaders (with audio input).
  • People to Follow

  • 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.
  • 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.
  • Apr 19th, 2016

    Experiments

  • Fluctus - Experimental 3D Audio Visualizer by Jordan Machado.
  • Lines - Visualising Joy Division album cover as a music spectrum by Silvio Paganini.
  • Spins - Audio Visualizer rendering Waveforms in Polar Coordinates by Matt DesLauriers.
  • 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.
  • Beatgrid - Experiment using Audio Beat Detection by Matt DesLauriers.
  • Party - 2D Audio Visualizer by Matt DesLauriers.
  • Fireworks with WebGL - Sound driven fireworks by Ondřej Žára.
  • Scrollsound - Scrolling as a method of interaction with audio on the web by Ehsan Ziya.
  • Experiment #8 - Music Experiment by Bruno Imbrizi.
  • Draw and Music - Campaign for Rugs new album by Sam Greens.
  • Flame Gradient - Audio visualizer built with HTML5 web audio API by rickycodes.
  • 3D Grid - Audio visualizer built with HTML5 web audio API by rickycodes.
  • 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
  • CSS Audio Visualizer - Using audio frequency data from a hidden video to apply CSS scaling by Neil McCallion.
  • WebGL Soundcloud Visualizer using Three.js - ThreeJS/WebGL Soundcloud player/visualizer based on HTML5 AudioContext API by Luigi Mannoni.
  • Oscilator - Testing the oscillator node from HTML5 audio API by Anej Gorkič.
  • Cubes Audio Visualizer - 10th contribution for codevember 2015 by Patrick Heng.
  • People to Follow

  • Chris Wilson - Open Web Guy, formerly of Microsoft and now working as a Developer Advocate at Google.
  • Apr 18th, 2016

    Experiments

  • obsidian - 3D Audio Visualization made by the creator of Three.js.
  • Apr 12th, 2016

    Experiments

  • Luis Henrique Bizarro Portfolio - Portfolio with experiments using Three.JS and GSLS.
  • Goy Goy - A multiplayer Chrome Experiment made with HTML5 Canvas, socket.io and audiolet.js.
  • OMM - An interactive audio visual experience exploring creativity.
  • Soundviz - 5 different sound visualization effects with Leap Motion interactivity.
  • Splice - A realtime interactive music visualizer using time-code data from Splice's upcoming visualizer API.
  • Typatone - Make music while you write.
  • Audio Cloud - A reactive particle system based on audio analysis of Fast Fourier Transform spectrum.
  • Floraldrift - Procedurally generated music and visuals.
  • 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.
  • Simon Says - Game - A free memory game in your browser.
  • Soundcloud Visualizer - A Canvas and Web Audio Experiment.
  • CSS Visualizer - Music Visualizers that are made entirely using DOM elements and CSS3.
  • Kandinski Experiment - Music Visualizations inspired in Kandinsky.
  • Visual Music Trailer - Live audio visual performance ideas.
  • Libraries Audio

  • web-audio-analyserstars201 - A thin wrapper around the Web Audio API that takes an
  • web-audio-playerstars240 - A cross-browser Web Audio player.
  • web-media-playbackstars7 - Retrieve playback and buffering information about audio or video playing in the browser.
  • Pizzicato.js - Simplify the way you create and manipulate sounds via the Web Audio API.
  • ThreeAudio.jsstars504 - Helps you create music visualizations in Three.js or tQuery.
  • MIDI.jsstars3.4k - Making life easy to create a MIDI-app on the web.
  • Beep.jsstars1.3k - A JavaScript toolkit for building browser-based synthesizers.
  • p5.soundstars673 - Brings the Processing approach to Web Audio and p5.js.
  • 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.
  • Libraries Visualization

  • p5.js - A JavaScript library for creating graphic and interactive experiences, based on the core principles of Processing.
  • Pixi.jsstars34.5k - 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 - Let's you get straight to the fun parts of creative coding, without ever having to worry about shims or boilerplate code.
  • 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.
  • Web Audio Extensionstars176 - A Chrome extension to play with 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.
  • Mar 27th, 2016

    Downloads

  • Beeple's resource (inspirational C4D "open source" files)
  • Freesound
  • Audio Jungle
  • Six Bit Deep
  • Samplephonics - Free Stuff
  • Wave Alchemy
  • Audio Animals
  • Bed Room Producers Blog
  • Free Music Archive
  • Music Radar
  • Tutorials

  • 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
  • Web Audio School
  • 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
  • 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
  • Last Checked At: 2021-10-25T04:23:28.292Z
    Previous
    44bits/awesome-opensource-documents
    Next
    ebu/awesome-broadcasting

    About

    Track your favorite github awesome repo, not just star it. trackawesomelist.com provides website, newsletter, RSS for tracking the popular awesome list by daily and weekly.
    Contact us: [email protected]
    Track Awesome List - Track your favorite Github awesome repos, not just star them | Product Hunt

    Subscribe

    Subscribe to our weekly newsletter to receive the awesome updates! We never send spam and you can unsubscribe instantly with one click. Here's past issues.

    Links

    Follow us on TwitterSubscribe us on TelegramSubmit awesome list repoNewsletterDonateSitemap