https://github.com/cpulvermacher/midiocrity

Turn any music into lackluster visuals.
https://github.com/cpulvermacher/midiocrity

midi piano visualization webmidi

Last synced: about 1 year ago
JSON representation

Turn any music into lackluster visuals.

• Host: GitHub
• URL: https://github.com/cpulvermacher/midiocrity
• Owner: cpulvermacher
• License: mit
• Created: 2024-02-05T08:04:04.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2025-02-13T10:09:38.000Z (over 1 year ago)
• Last Synced: 2025-04-14T22:52:11.777Z (about 1 year ago)
• Topics: midi, piano, visualization, webmidi
• Language: TypeScript
• Homepage: https://cpulvermacher.github.io/midiocrity/
• Size: 2.61 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: Readme.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# MIDIocrity

[![Status](https://flat.badgen.net/github/checks/cpulvermacher/midiocrity)](https://github.com/cpulvermacher/midiocrity/actions/workflows/node.js.yml)

[![License](https://flat.badgen.net/github/license/cpulvermacher/midiocrity)](./LICENSE)

Turn any music into lackluster visuals.

Just connect your MIDI controller and open

[https://cpulvermacher.github.io/midiocrity](https://cpulvermacher.github.io/midiocrity)

in your browser.

![Demo](./demo.gif)

## Features

- Visualization of MIDI inputs on an 88 key piano, including velocity and pedals.

- Input via PC keyboard (Settings > Show Keys)

- A shabby built-in sythesizer (Turn it off via Settings > Play Sound on MIDI Input, or configure via Settings > Synthesizer)

- MIDI output (Settings > Send MIDI Output)

- Depending on your setup, you can also visualize MIDI files by simply playing them. On Linux, open the app and try running:

```

aplaymidi -p 128:0 hello.mid

```

## Alternatives

- [TonnetzViz](https://cifkao.github.io/tonnetz-viz/) Visualization in a tonal space lattice diagram

- [MIDIVisualizer](https://github.com/kosua20/MIDIVisualizer) A desktop application to visualize MIDI files

## MIDI Protocol References

- https://www.midi.org/specifications-old/item/table-1-summary-of-midi-message

- https://www.midi.org/specifications-old/item/table-3-control-change-messages-data-bytes-2

- https://www.music.mcgill.ca/~ich/classes/mumt306/StandardMIDIfileformat.html