Skip to content

Repository files navigation

fireEmblaze-MIDI

Emblaze-MIDI is a browser-based MIDI video renderer, inspired by Zenith-MIDI created by Arduano.

This is a revamp project of my prototype MIDI renderer.. This time, it is less laggy during playback and has a proper UI/UX.


Motivation

I built Emblaze-MIDI for people who are passionate about sharing their musical arrangements online, but don’t have access to a powerful PC. With this browser-based renderer, anyone can create and export MIDI videos directly from their devices even on mobile, no desktop setup required, without complex termux configurations. Everything is on the browser, whatever they are currently using. However, please take note of the current limitations.

Demo

Try it here: Emblaze-MIDI Live Demo

Features

  • Customizable MIDI rendering settings (number of keys, piano rim color, etc.)
  • MIDI parsing with ToneJS
  • MIDI visualization with PixiJS
  • Exports video in webm format using CCaptureJS
  • Clean and intuitive UI/UX built with SvelteKit and TailwindCSS

Limitations

  • MIDI paprsing of some files with dense events (i.e. millions of notes or black MIDIs) may take a long time to load.
  • For best experience, the recommended MIDIs to render here are playable arrangements and small impossible arrangements that are not more than 750,000 notes.

Some stuff

Logs (Click to Expand)
  1. Development started on August 2024 and stopped for a few months.
  2. Development resumed on July 2025, now with working UI features.
Screenshots (Click to Expand)


About

A browser-based MIDI renderer.

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages