M.V. Logo

Welcome to Midi Visualizer, an online visualization of your live performances! This application is in the early statges of development, but we are working to bring more intricate visualations in the near future. All you need is a midi device and a compatible browser.




If you are a developer, check out our GitHub to contribute and create your own visualizations

      
        // ** Self containted and modular objects for each visualizer ** //
        function VisData(name, img) {
          this.name;    // Visualizer name
          this.image;   // Thumbnail image
          this.run();   // Program functionality
          // Metadata
          this.meta = {
            "hardware" : "midi",
            "version"  : "1.0",
            "files"    : ['visdata.js'],
            "isActive" : false
          }
        }
        // ** Useful helper functions ** //
        function Utility(){
          // The time between frame calls used in computing animations
          this.delta;
          this.setDelta();
          this.initDelta();
          // Generates a pop-up message
          this.makeToast(text, timeup);
        }
      
    
Midi Visualizer is a free and open source application built on the WebMidi API. Copyright 2018 by Eric Schirtzinger & Will Black. Visit eschirtz.com to learn more about the creator.