Added buttons to play audio on the save audio node

play-audio/playAudio.js

@@ -0,0 +1,74 @@
+import { app } from "/scripts/app.js";
+
+app.registerExtension({
+	name: "pysssss.PlayAudio",
+	async beforeRegisterNodeDef(nodeType, nodeData, app) {
+		if (nodeData.name === "SaveAudioNode") {
+			const WIDGETS = Symbol();
+			nodeType.prototype.onExecuted = function (data) {
+				if (WIDGETS in this) {
+					// Clear all other widgets
+					if (this.widgets) {
+						this.widgets.length = this[WIDGETS];
+					}
+					if (this.widgets_values) {
+						this.widgets_values.length = this.widgets.length;
+					}
+				} else {
+					// On first execute store widget count
+					this[WIDGETS] = this.widgets?.length || 0;
+				}
+
+				// For each file create a seek bar + play button
+				for (const file of data) {
+					let isTick = true;
+					const audio = new Audio(`/view?filename=${encodeURIComponent(file)}`);
+					const slider = this.addWidget(
+						"slider",
+						"loading",
+						0,
+						(v) => {
+							if (!isTick) {
+								audio.currentTime = v;
+							}
+							isTick = false;
+						},
+						{
+							min: 0,
+							max: 0,
+						}
+					);
+
+					const button = this.addWidget("button", `Play ${file}`, "play", () => {
+						try {
+							if (audio.paused) {
+								audio.play();
+								button.name = `Pause ${file}`;
+							} else {
+								audio.pause();
+								button.name = `Play ${file}`;
+							}
+						} catch (error) {
+							alert(error);
+						}
+						app.canvas.setDirty(true);
+					});
+					audio.addEventListener("timeupdate", () => {
+						isTick = true;
+						slider.value = audio.currentTime;
+						app.canvas.setDirty(true);
+					});
+					audio.addEventListener("ended", () => {
+						button.name = `Play ${file}`;
+						app.canvas.setDirty(true);
+					});
+					audio.addEventListener("loadedmetadata", () => {
+						slider.options.max = audio.duration;
+						slider.name = `(${audio.duration})`;
+						app.canvas.setDirty(true);
+					});
+				}
+			};
+		}
+	},
+});