Alternative visualization

OP-Z
1

Hey everyone! :wave:
I’ve been absolutely blown away by the visual capabilities of the OP-Z, but I noticed a lack of unique presets out there. Plus, I wanted something that wasn’t tied to just one device.

So… I built a web platform with interactive HTML visualizations that react to MIDI notes on channels 1-8 (CC support might come later!). Here’s the channel breakdown:
:one: Lead | :two: Snare | :three: Hat | :four: Perc
:five: Bass | :six: Kick | :seven: Arp | :eight: Pad
(Yes, Channel 1 isn’t Kick – don’t ask why :sweat_smile: It’s a necessary compromise!)

How it works:

  1. Connect your MIDI device (hardware or DAW)
  2. Visit d-module.art/visualization.html
  3. Grant MIDI permissions in your browser
  4. Watch your music come to life! :art:

Tested with OP-Z and Ableton – near-zero latency synchronization! Perfect for live performances or just geeking out with your tracks.

If you’re into experimental audio-visual setups or want to collaborate on expanding this project, hit me up! Let’s make something cool together. :bulb:

4 Likes
2

Hi,
I’ve also been thinking about using the visualization (or at least photomatic) part of the OP-Z to accompany the audio I’ve already sequenced, but this is the motion track, right? How do you “grant MIDI permissions in your browser” (Chrome), and how does it work exactly?

3

I saw the website isn’t up. Any chance you would share your code on Github or something like that?

4

Hi! The site is working, I just checked it. When I get to my computer, I’ll upload the source code since it’s just HTML files that visualize either MIDI signals or audio signals. As for how to give Chrome access to MIDI, it should ask for permission when you launch it, similar to how it requests access to the microphone.