Firefox permission add-on

infojunkie · Apr 5, 2022 · 9616545 · 9616545
1 parent 5f24e65
commit 9616545
Show file tree

Hide file tree

Showing 11 changed files with 2,783 additions and 4 deletions.
diff --git a/demo/web/dist/index.html b/demo/web/dist/index.html
@@ -31,15 +31,24 @@
 			width: 35px;
 		}
 		#file-error {
-			border: 1px;
 			background-color: brown;
 			color: lightgray;
 		}
+		#firefox-midi {
+			background-color: orange;
+		}
 	</style>
 </head>
 <body>
 <a href="https://github.com/infojunkie/ireal-musicxml/tree/main/demo/web"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/365986a132ccd6a44c23a9169022c0b5c890c387/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png"></a>
 
+<div id="firefox-midi" class="hide">
+	Greetings Firefox user!
+	<p>In order to use the Web MIDI capabilities of this demo, you will need to install an add-on that enables it to request the permissions needed to access your MIDI devices.</p>
+	<p>Once you've downloaded the add-on, please refresh the page to activate Web MIDI in the demo.</p>
+	<p>Thanks for your cooperation. You can <a href="site_permissions_for_blogkarimratibme-1.0-an+fx.xpi">download the add-on here.</a></p>
+</div>
+
 <div>
 	<label for="playlist">Upload an iReal Pro playlist or a MusicXML file</label>&nbsp;
 	<input type="file" id="playlist" name="playlist"/>

diff --git a/demo/web/dist/ireal2musicxml-demo.js b/demo/web/dist/ireal2musicxml-demo.js
diff --git a/demo/web/dist/ireal2musicxml-demo.js.gz b/demo/web/dist/ireal2musicxml-demo.js.gz
diff --git a/demo/web/dist/site_permissions_for_blogkarimratibme-1.0-an+fx.xpi b/demo/web/dist/site_permissions_for_blogkarimratibme-1.0-an+fx.xpi
diff --git a/demo/web/index.js b/demo/web/index.js
@@ -590,8 +590,15 @@ window.addEventListener('load', function () {
   document.getElementById('pause').addEventListener('click', handleMidiPause, false);
 
   if (navigator.requestMIDIAccess) navigator.requestMIDIAccess().then(midiAccess => {
+    document.getElementById('firefox-midi').classList.add('hide');
     populateMidiOutputs(midiAccess);
     midiAccess.onstatechange = () => populateMidiOutputs(midiAccess);
     midi.access = midiAccess;
-  }, error => console.error(error));
+  }, error => {
+    const isFirefox = navigator.userAgent.toLowerCase().indexOf('firefox') > -1;
+    if (isFirefox) {
+      document.getElementById('firefox-midi').classList.remove('hide');
+    }
+    console.error(error);
+  });
 })
diff --git a/test/data/blues.txt b/test/data/blues.txt
diff --git a/test/data/brazilian.txt b/test/data/brazilian.txt
diff --git a/test/data/country.txt b/test/data/country.txt
diff --git a/test/data/latin.txt b/test/data/latin.txt
diff --git a/test/data/pop.txt b/test/data/pop.txt