All Projects → patrickroberts → music-js

patrickroberts / music-js

Licence: MIT license
HTML5 Audio API music visualizer for JavaScript

Programming Languages

javascript
184084 projects - #8 most used programming language
CSS
56736 projects

Projects that are alternatives of or similar to music-js

aurora-sdk-mac
An SDK to develop effects for Nanoleaf Light Panels using features like frequency, beat, or tempo.
Stars: ✭ 43 (+16.22%)
Mutual labels:  music-visualizer
BeatDrop
BeatDrop Music Visualizer
Stars: ✭ 54 (+45.95%)
Mutual labels:  music-visualizer
midi-recorder
🎹 The easiest way to record MIDI. No install. Automatically records.
Stars: ✭ 38 (+2.7%)
Mutual labels:  music-visualizer
panon
An Audio Visualizer Widget in KDE Plasma
Stars: ✭ 113 (+205.41%)
Mutual labels:  music-visualizer
libvisual
Libvisual Audio Visualization
Stars: ✭ 67 (+81.08%)
Mutual labels:  music-visualizer
drop
A LÖVE visualizer and music player
Stars: ✭ 17 (-54.05%)
Mutual labels:  music-visualizer
gestalt
Creative coding playground - Color, Note, Code
Stars: ✭ 16 (-56.76%)
Mutual labels:  music-visualizer
ActiveVisualiser
🌀 Java music visualisation framework
Stars: ✭ 35 (-5.41%)
Mutual labels:  music-visualizer
ChromeAudioVisualizerExtension
Audio Visualizer extension for chrome/chromium
Stars: ✭ 52 (+40.54%)
Mutual labels:  music-visualizer
opencubicplayer
Open Cubic Player (unix fork). Music visualizer for various tracked music formats (amiga modules, S3M, IT), chiptunes and other formats related to demoscene
Stars: ✭ 141 (+281.08%)
Mutual labels:  music-visualizer
catnip
terminal audio visualizer for linux/unix/macOS/windblows*
Stars: ✭ 79 (+113.51%)
Mutual labels:  music-visualizer
windows-equalizer
Prototype of music equalizer using browser windows and the Web Audio API
Stars: ✭ 48 (+29.73%)
Mutual labels:  music-visualizer
urmusic
An application to make your own music visualizer, easily and for free!
Stars: ✭ 52 (+40.54%)
Mutual labels:  music-visualizer
aurora-sdk-win
An SDK to develop effects for Nanoleaf Light Panels using features like frequency, beat, or tempo.
Stars: ✭ 22 (-40.54%)
Mutual labels:  music-visualizer
Filament
Interactive Music Visualizer
Stars: ✭ 22 (-40.54%)
Mutual labels:  music-visualizer
music visualizer
Shader viewer / music visualizer for Windows and Linux
Stars: ✭ 137 (+270.27%)
Mutual labels:  music-visualizer
Sound-and-music-reactive-ESP8266-WS2812B
Refined Version of @scottlawsonbc and all schematics + Tutorial 🎵🎵
Stars: ✭ 35 (-5.41%)
Mutual labels:  music-visualizer
JetTunes-Desktop-Music-Player
Material design music player made with javafx
Stars: ✭ 36 (-2.7%)
Mutual labels:  music-visualizer
ArduLED
Control NeoPixels (ws2812b) easier than ever with an Arduino!
Stars: ✭ 25 (-32.43%)
Mutual labels:  music-visualizer
hum2song
Hum2Song: Multi-track Polyphonic Music Generation from Voice Melody Transcription with Neural Networks
Stars: ✭ 61 (+64.86%)
Mutual labels:  music-visualizer

Music-js is a music visualization program that includes many built-in customization options for a playlist of music. Provided links to MP3, Ogg Vorbis, and/or WebM sound files, it can create a real-time visualization of the music as it plays, using the HTML5 Audio API.

This application supports visualization of external sound files, enabling this to easily become a plugin for other sites.

Documentation will be added in another update. For now, refer to the JSON object in index.html under /static for a demonstration of customizable attributes.

To install this server, run

git clone https://github.com/patrickroberts/music-js.git
cd music-js/static/
mkdir media

At this point you should add songs to the media directory and edit the JSON in index.html to include the songs you want to visualize. After that, return to the terminal or command prompt and run

cd ..
npm install
node app.js

then open http://localhost:8080.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].