MusicXML score in the browser with synchronized video playback.
Hello all,
Below is a link to abcweb, a program that renders MusicXML in the browser while playing
a video/audio file. A synchronized cursor (shaded measure or line) moves with the music.
The program only uses javascript and you can display your own (local) score and media file.
No preprocessing needed. No server interaction involved.
Willem Vree
PS.
The score is rendered by translating MusicXML into ABC notation, and next translating ABC into SVG.
The total size of the javascript code to do all this is only a little more then 300kb!
(only musical information from the MusicXML file is translated and rendered)
Comments
Great code! I've been searching how to show MusicXml files in a browser, and this one is the best i've found.
Thanks for sharing.
Twould be great if you could somehow put the source code onto github so we can browse more easily/check licensing etc.
Thanks!
Follow up: my list of all "known" HTML musicxml renderers:
https://github.com/w3c/musicxml/wiki/MusicXML-HTML5
In reply to Twould be great if you could by rogerdpack
Hi Roger, could you update the pricing you stated in your list regarding MuseScore.com? The right price is $49/y. See https://musescore.com/upgrade
In reply to Hi Roger, could you update by Thomas
Even better, thank you.
Awesome work! <3
yeah it's a nice lib but it's so complicated to find a way to create a synchronisation file. MuseScore (on Linux) has no plugin to do that. I know that NewZik (on iOs) is able to edit that kind of manifest, but I don't find one on Linux (and I've got no iOs hardware)
Any help ?