The web is eating itself through web components, an example

The web is eating itself and this short video demonstrates why HAX has political implications for the web and democratizing creativity. This is demonstrated via a simple sheet music playing music player

What's in the video

• I found this tweet about an awesome VanillaJS web component that leverages a library called Magenta.js https://twitter.com/cifkao/status/1298593112449744896
• I made a music-player tag that sits on top of this element
• I wired that tag up to HAX so that ANYONE can drag and drop and visualize a midi / sheet music file

Links

• Demo of the html-midi-player tag https://codepen.io/cifkao/pen/WNwpLzL
• https://github.com/cifkao/html-midi-player
• NPM - https://www.npmjs.com/package/@lrnwebcomponents/music-player
• Source of music-player: https://github.com/elmsln/lrnwebcomponents/blob/master/elements/music-player/src/music-player.js