Same to SC.

ltgcgo · May 25, 2024 · 44d2d73 · 44d2d73
1 parent 05d0ab1
commit 44d2d73
Show file tree

Hide file tree

Showing 2 changed files with 65 additions and 60 deletions.
diff --git a/src/fakeSc/index.js b/src/fakeSc/index.js
@@ -50,65 +50,6 @@ let getBlobFrom = async function (filename) {
 	};
 	console.error(`Loading of data ${filename} failed.`);
 };
-getBlobFrom(`list.tsv`).then(async (response) => {
-	await demoPool.load(await response.text());
-	//console.info(demoPool.data);
-	demoPool.data.forEach((e, i) => {
-		if (i) {
-			let space = document.createElement("span");
-			space.innerHTML = " ";
-			stList.appendChild(space);
-		} else {
-			stList.innerText = "";
-		};
-		let demoChoice = document.createElement("b");
-		demoChoice.innerText = e.text;
-		demoChoice.title = e.file;
-		demoChoice.standard = e.standard;
-		demoChoice.classList.on("demo");
-		stDemo.push(demoChoice);
-		stList.appendChild(demoChoice);
-	});
-	stDemo.to = function (i) {
-		stDemo.forEach(function (e) {
-			e.classList.off("active");
-		});
-		if (i > -1) {
-			stDemo[i].classList.on("active");
-		};
-	};
-	stDemo.forEach(function (e, i, a) {
-		e.addEventListener("click", async function () {
-			audioPlayer.pause();
-			let demoId = e.innerText.charCodeAt(0);
-			if (demoId <= 122 && demoId > 96) {
-				demoId -= 32;
-			};
-			visualizer.device.initOnReset = false;
-			visualizer.device.setLetterDisplay([76, 111, 97, 100, 105, 110, 103, 32, 100, 101, 109, 111, 32, demoId]);
-			if (!demoBlobs[e.title]?.midi) {
-				demoBlobs[e.title] = {};
-				audioPlayer.src = "about:blank";
-				demoBlobs[e.title].midi = await (await getBlobFrom(`${e.title}.mid`)).blob();
-				demoBlobs[e.title].wave = await (await getBlobFrom(`${e.title}.opus`)).blob();
-			};
-			audioPlayer.currentTime = 0;
-			visualizer.reset();
-			visualizer.loadFile(demoBlobs[e.title].midi);
-			if (audioBlob) {
-				URL.revokeObjectURL(audioBlob);
-			};
-			audioBlob = demoBlobs[e.title].wave;
-			audioPlayer.src = URL.createObjectURL(audioBlob);
-			visualizer.device.setDetectionTargets(e.standard);
-			if (demoModes[i]?.length > 0) {
-				visualizer.switchMode(demoModes[i]);
-			};
-			visualizer.device.setLetterDisplay([76, 111, 97, 100, 101, 100, 32, 100, 101, 109, 111, 32, demoId]);
-			stDemo.to(i);
-		});
-	});
-});
 
 let title = "";
 // Start the visualizers
@@ -223,6 +164,70 @@ dispCanv.addEventListener("mousedown", function (ev) {
 	};
 });
 
+getBlobFrom(`list.tsv`).then(async (response) => {
+	await demoPool.load(await response.text());
+	//console.info(demoPool.data);
+	demoPool.data.forEach((e, i) => {
+		if (i) {
+			let space = document.createElement("span");
+			space.innerHTML = " ";
+			stList.appendChild(space);
+		} else {
+			stList.innerText = "";
+		};
+		let demoChoice = document.createElement("b");
+		demoChoice.innerText = e.text;
+		demoChoice.title = e.file;
+		demoChoice.standard = e.standard;
+		demoChoice.classList.on("demo");
+		stDemo.push(demoChoice);
+		stList.appendChild(demoChoice);
+	});
+	stDemo.to = function (i) {
+		stDemo.forEach(function (e) {
+			e.classList.off("active");
+		});
+		if (i > -1) {
+			stDemo[i].classList.on("active");
+		};
+	};
+	stDemo.forEach(function (e, i, a) {
+		e.addEventListener("click", async function () {
+			audioPlayer.pause();
+			let demoId = e.innerText.charCodeAt(0);
+			if (demoId <= 122 && demoId > 96) {
+				demoId -= 32;
+			};
+			visualizer.device.initOnReset = false;
+			visualizer.device.setLetterDisplay([76, 111, 97, 100, 105, 110, 103, 32, 100, 101, 109, 111, 32, demoId]);
+			if (!demoBlobs[e.title]?.midi) {
+				demoBlobs[e.title] = {};
+				audioPlayer.src = "about:blank";
+				demoBlobs[e.title].midi = await (await getBlobFrom(`${e.title}.mid`)).blob();
+				demoBlobs[e.title].wave = await (await getBlobFrom(`${e.title}.opus`)).blob();
+			};
+			audioPlayer.currentTime = 0;
+			visualizer.reset();
+			visualizer.loadFile(demoBlobs[e.title].midi);
+			if (audioBlob) {
+				URL.revokeObjectURL(audioBlob);
+			};
+			audioBlob = demoBlobs[e.title].wave;
+			audioPlayer.src = URL.createObjectURL(audioBlob);
+			visualizer.device.setDetectionTargets(e.standard);
+			if (demoModes[i]?.length > 0) {
+				visualizer.switchMode(demoModes[i]);
+			};
+			visualizer.device.setLetterDisplay([76, 111, 97, 100, 101, 100, 32, 100, 101, 109, 111, 32, demoId]);
+			stDemo.to(i);
+		});
+	});
+	if (location.search.indexOf("minimal") > -1) {
+		self.scroll(0, dispCanv.offsetTop - 4);
+		midwIndicator.click();
+	};
+});
+
 // Render frames
 let audioPlayer = $e("#audioPlayer");
 audioPlayer.onended = function () {

diff --git a/test/index.htm b/test/index.htm
@@ -37,7 +37,7 @@ <h2>List of Octavia demos</h2>
 			<a href="fakeMu.htm">Emulated YAMAHA MU screen</a> (full pixel blur) (<a onclick='open("./fakeMu.htm?minimal","","popup,width=856,height=264")'>minimal</a>)
 		</li>
 		<li>
-			<a href="fakeSc.htm">Emulated Roland SC screen</a> (lazy pixel blur by default)
+			<a href="fakeSc.htm">Emulated Roland SC screen</a> (lazy pixel blur by default) (<a onclick='open("./fakeSc.htm?minimal","","popup,width=856,height=310")'>minimal</a>)
 		</li>
 		<li>
 			<a href="fakeNs5r.htm">Emulated KORG NS5R screen</a> (lazy pixel blur by default)