Initial commit for MuseScore converter/renderer

infojunkie · Oct 7, 2024 · e6fbffc · e6fbffc
1 parent ebb506b
commit e6fbffc
Show file tree

Hide file tree

Showing 43 changed files with 2,260 additions and 267 deletions.
diff --git a/demo/data/brazilian.txt b/demo/data/brazilian.txt
diff --git a/demo/data/stevie-wonder.txt b/demo/data/stevie-wonder.txt
diff --git a/demo/data/tutorial-apres-un-reve.mscore.json b/demo/data/tutorial-apres-un-reve.mscore.json
diff --git a/demo/data/tutorial-apres-un-reve.musicxml b/demo/data/tutorial-apres-un-reve.musicxml
diff --git a/demo/demo.mjs b/demo/demo.mjs
@@ -66,12 +66,13 @@ async function createPlayer() {
   // Create new player.
   if (g_state.musicXml) {
     try {
+      const rendererObject = await createRenderer(renderer, sheet, options);
       const player = await MusicXMLPlayer.Player.create({
         musicXml: g_state.musicXml,
         container: 'sheet-container',
-        renderer: createRenderer(renderer, options),
+        renderer: rendererObject,
         output: createOutput(output),
-        converter: await createConverter(converter, sheet, groove),
+        converter: await createConverter(rendererObject, converter, sheet, groove),
         unroll: options.unroll,
         mute: options.mute,
         repeat: Number(repeat),
@@ -107,7 +108,7 @@ async function createPlayer() {
   }
 }
 
-function createRenderer(renderer, options) {
+async function createRenderer(renderer, sheet, options) {
   switch (renderer) {
     case 'osmd':
       return new MusicXMLPlayer.OpenSheetMusicDisplayRenderer({
@@ -124,8 +125,19 @@ function createRenderer(renderer, options) {
       }, {
         scrollOffset: 100,
       });
+    case 'mscore':
+      const base = sheet.startsWith('http') || sheet.startsWith('data/') ? sheet : `data/${sheet}`;
+      const mscore = base.replace(/\.musicxml$|\.mxl$/, '.mscore.json');
+      try {
+        await MusicXMLPlayer.fetish(mscore, { method: 'HEAD' });
+        return new MusicXMLPlayer.MuseScoreRendererConverter(mscore);
+      }
+      catch {
+        console.warn(`MuseScore rendering not available for ${sheet}. Falling back to default.`);
+        return createRenderer(DEFAULT_RENDERER);
+      }
     default:
-      console.warn(`Unknown renderer ${renderer}`);
+      console.warn(`Unknown renderer ${renderer}. Falling back to default.`);
       return createRenderer(DEFAULT_RENDERER);
   }
 }
@@ -134,7 +146,7 @@ function getMmaEndpoint() {
   return window.location.href + 'mma';
 }
 
-async function createConverter(converter, sheet, groove) {
+async function createConverter(rendererObject, converter, sheet, groove) {
   const candidates = [{
     converter: new MusicXMLPlayer.VerovioConverter(),
     id: 'converter-vrv',
@@ -183,6 +195,15 @@ async function createConverter(converter, sheet, groove) {
     document.querySelector('input[name="converter"][id="converter-mma"]').disabled = true;
   }
 
+  console.log(rendererObject);
+  if (rendererObject instanceof MusicXMLPlayer.MuseScoreRendererConverter) {
+    candidates.push({
+      converter: rendererObject,
+      id: 'converter-mscore',
+      priority: 20
+    });
+  }
+
   const chosen = candidates.reduce((chosen, candidate) => {
     document.querySelector(`input[name="converter"][id="${candidate.id}"]`).disabled = false;
     if (candidate.id === `converter-${converter}`) {

diff --git a/demo/index.html b/demo/index.html
@@ -58,11 +58,10 @@ <h1>MusicXML Player Demo</h1>
         <option value="">-- Choose --</option>
         <option value="data/salma-ya-salama.mxl">Salma ya Salama (Compressed MusicXML)</option>
         <option value="data/asa-branca.musicxml">Asa Branca (Uncompressed MusicXML)</option>
+        <option value="data/tutorial-apres-un-reve.musicxml">Après un rêve (MuseScore Rendering)</option>
         <option value="data/rast-tetrachord.musicxml">Rast Tetrachords (Microtonal MusicXML)</option>
         <option value="data/baiao-miranda.musicxml">Baião Groove (Rhythm MusicXML)</option>
         <option value="data/jazz.txt">Playlist: Jazz 1400 (iReal Pro)</option>
-        <option value="data/brazilian.txt">Playlist: Brazilian 150 (iReal Pro)</option>
-        <option value="data/stevie-wonder.txt">Playlist: Stevie Wonder 30 (iReal Pro)</option>
       </select>
     </div>
 
@@ -90,6 +89,8 @@ <h1>MusicXML Player Demo</h1>
       <label for="renderer-osmd">OpenSheetMusicDisplay</label>
       <input type="radio" id="renderer-vrv" name="renderer" value="vrv"/>
       <label for="renderer-vrv">Verovio</label>
+      <input type="radio" id="renderer-mscore" name="renderer" value="mscore"/>
+      <label for="renderer-mscore">MuseScore</label>
       <div class="player-options">
         <input type="checkbox" class="player-option" id="option-unroll" value="unroll"/>
         <label for="option-unroll">Unroll score</label>
@@ -106,6 +107,8 @@ <h1>MusicXML Player Demo</h1>
       <label for="converter-mma">MusicXML MMA</label>
       <input type="radio" id="converter-vrv" name="converter" value="vrv"/>
       <label for="converter-vrv">Verovio</label>
+      <input type="radio" id="converter-mscore" name="converter" value="mscore"/>
+      <label for="converter-mscore">MuseScore</label>
     </div>
 
     <div>