Check back soon for more detailed insight on this project’s inspiration, process, and lessons! For now, here’s information from the GitHub repo
GitHubGitHub - evoth/midi-vision: (In development) A browser-based tool to intuitively visualize the...(In development) A browser-based tool to intuitively visualize the shape of a melody found in any MIDI file as a...
:
Inspiration
The singular inspiration for this project is a video titled Bach Vision Test
YouTubeVULFPECK /// Bach Vision TestVULFPECK /// Bach Vision Test Jack Stratton — arranger, recordingRob Stenson — visualsJacob Mann — arranger
, released by the band Vulfpeck
VulfpeckVulfpeckOfficial site for the band Vulfpeck.
, with visuals by Rob Stenson
robstenson.comHello, my name is Rob..
Instructions
- Warning: This project is very bare-bones at the moment, so you might run into glitches.
- Upload file: Press the “Choose file” button (try to use a file with 4 tracks or less).
- Play file: Press the “Play file” button to start playing/visualizing the file.
- Pause/stop: As of now there are no controls for pausing/stopping, so just refresh the page to reset.
Known bugs
- New rendering method does not support Firefox because it does not support importing module scripts in a web worker. See this Stack Overflow answer
Stack OverflowWeb Workers - How To Import ModulesI am using ES2015 Import / Export modules.In my worker file, when I try to import functions like I normally...
and this Mozilla bug thread
bugzilla.mozilla.org1247687 - Implement worker modulesRESOLVED (ystartsev) in Core - DOM: Workers. Last updated 2023-06-06..
Todo
- Fix artifact on the boundary of realtime and pre-rendered due to differing contributions from blur outside of the render boundaries
- Type hinting?
- Figure out weird delay
- CRACKLE
- replace forEach with let of for consistency
- Fix repeated notes
- “How it works” section of README
