Web Controller that sends and receives Midi signal using HTML5 Web Midi API

Client: Web App

As a web interface to operate Dettron's WATCHOUT, I created a web application that sends Midi signals to control timeline of the WATCHOUT. This app is still used in wedding event halls to display videos and images by projection mapping.
I used HTML5 Web Midi API to intercommunicate with an intermediate server created with Pure Data.
User can arbitrarily change the button name and duration of timeline animation, and the setting is stored on the browser using Local Storage.