Music visualization, a feature found in electronic music visualizers and media player software, generates animated imagery based on a piece of music. The imagery is usually generated and rendered in real time and in a way synchronized with the music as it is played.
Word Problems - WebGL Visualizer for "Word Problems" by Harmonic 313.
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.
Audio Cloud - A reactive particle system based on audio analysis of Fast Fourier Transform spectrum.
Glitch - An algorithmic synthesizer to make music from math.
Flame Gradient - Audio visualizer built with HTML5 web audio API by rickycodes.
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
Garbage Collector - Audio visualization experiment made with Three.js and some post-processing.
Audiograph - Amazing audio visualization made by Matt DesLauriers.
Happy Monday - Musical experiment using THREE.MeshLine by David Ronai.
D159 - Audio visualization for "gloom" shown at NVScene 2015 by Simo Santavirta.
Restless Earth - Audio visualization for "Restless Earth".
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.
Arkade London - Arkade London is a pure personal and experimental webVJ fan art.
DJi - Clean music visualizer from SoundCloud or self uploaded.
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.
VR Ondes Martenot - A playable rendition of the Ondes Martenot in Virtual Reality.
Popcorn - Little audio-reactive sketch by Hugh Kennedy.
Beat - Beat is a HTML5 audio/canvas experiment inspired by Propellerheads Figure iOS App.
Dancing Torus - Dancing Torus is a WebGL Audio Reactive experience. Choose your favourite song on Soundcloud and start dancing!
Musical Interactions - Some experimental ideas for playful musical interactions.
Polyrhythm - An interactive exploration of polyrythmic rhythms.
ClubberToy Several shadertoys, rewired with clubber, bundled as a vj app.
Andantino Listen some notes and try to find same notes on the keyboard.
Vissonance A collection of audio visualizers built in THREE.js.
M A I L M A N Interactive music video by Bruno Imbrizi for a song called Mailman by Soundgarden.
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.
ShowCQTBar - Audio spectrum visualization with musical scale.
Weekly Music Visualizations Weekly music visualization experiments built with Three.js and p5.js by Suraya Shivji.
Audio Visualizer - An interesting web audio visualizer built with Pixi.js.
CPPN-based Visualizer - Applying compositional pattern-producing networks to generate interesting visuals from audio data.
YouTube Musical Spectrum - A browser extension that offers audio visualization on your YouTube page with nice musical notes.
Just Dance - A 3D Audio Visualization made with BabylonJS & 2D Perlin Noise.
audioMotion - High-resolution real-time audio spectrum analyzer and full-featured music player written in JavaScript. Includes binaries for Windows, Linux and macOS.
p5.js Audio Visualizer - A powerful, beat- and amplitude-responsive audio visualizer created with p5.sound, on an HTML5 Canvas by Amanda Yeh.
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.
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.
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.
Cinder - A community-developed, free and open source library for professional-quality creative coding in C++.
Processing - An open source programming language and integrated development environment built for the electronic arts, new media art, and visual design communities.
HYPE_processing - Collection of Processing classes that performs heavy lifting tasks while using a minimal amount of code writing.
The Force - Live coded shader editing with audio input.
Hylogen - Purely functional language embedded in Haskell for expressive live coding of fragment shaders (with audio input).
Peaks.js - Modular client-side JavaScript component designed for the display of and interaction with audio waveform material in the browser.
Clubber.js - Application of music theory in audio reactive visualizations.
Vuo — A realtime visual programming language for interactive media.
wavesurfer.js - A customizable audio waveform visualization, built on top of Web Audio API and HTML5 Canvas
wavebell - A javascript voice recorder with realtime waveform, using web microphone
Circular Audio Wave - A JS library for audio visualization in circular wave using Web Audio API and ECharts
请发表评论