adding packages

2026-01-15 14:38:46 -08:00
parent ef86e3ab6a
commit 6869cf47e5
5253 changed files with 726695 additions and 34 deletions
@@ -0,0 +1,60 @@
+<html>
+
+<head>
+	<title> Sheet Music View </title>
+</head>
+
+<body>
+
+	<div id="osmdCanvas" />
+
+	<input type="file" id="files" name="files[]" multiple />
+	<output id="list"></output>
+
+	<script
+		src="https://github.com/opensheetmusicdisplay/opensheetmusicdisplay/releases/download/0.7.0/opensheetmusicdisplay.min.js"></script>
+	<script>
+		function handleFileSelect(evt) {
+			var maxOSMDDisplays = 10; // how many scores can be displayed at once (in a vertical layout)
+			var files = evt.target.files; // FileList object
+			var osmdDisplays = Math.min(files.length, maxOSMDDisplays);
+
+			var output = [];
+			for (var i = 0, file = files[i]; i < osmdDisplays; i++) {
+				output.push("<li><strong>", escape(file.name), "</strong> </li>");
+				output.push("<div id='osmdCanvas" + i + "'/>");
+			}
+			document.getElementById("list").innerHTML = "<ul>" + output.join("") + "</ul>";
+
+			for (var i = 0, file = files[i]; i < osmdDisplays; i++) {
+				if (!file.name.match('.*\.xml') && !file.name.match('.*\.musicxml')) {
+					alert('You selected a non-xml file. Please select only music xml files.');
+					continue;
+				}
+
+				var reader = new FileReader();
+
+				reader.onload = (function (theFile) {
+					return function (e) {
+						var openSheetMusicDisplay = new opensheetmusicdisplay.OpenSheetMusicDisplay("osmdCanvas");
+						openSheetMusicDisplay
+							.load(e.target.result)
+							.then(
+								function () {
+									//console.log("e.target.result: " + e.target.result);
+									openSheetMusicDisplay.render();
+									
+								}
+							);
+					}
+				})(file);
+				reader.readAsText(file);
+			}
+		}
+
+		document.getElementById("files").addEventListener("change", handleFileSelect, false);
+	</script>
+	<noscript>Sorry, your browser does not support JavaScript!</noscript>
+</body>
+
+</html>