From f0600d92ed10de772e5167e1796adf3931ab5f9f Mon Sep 17 00:00:00 2001
From: Matt Walsh <github@netbymatt.com>
Date: Sun, 23 Mar 2025 20:28:04 -0500
Subject: [PATCH] music toggles on and off

---
 .gitignore                       |  4 +--
 server/music/readme.txt          |  2 ++
 server/scripts/modules/media.mjs | 54 ++++++++++++++++++++++++++++++--
 3 files changed, 56 insertions(+), 4 deletions(-)
 create mode 100644 server/music/readme.txt

diff --git a/.gitignore b/.gitignore
index 13c271f..52e3d98 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,5 +1,5 @@
 node_modules
 **/debug.log
 server/scripts/custom.js
-music
-
+server/music/*
+!server/music/readme.txt
diff --git a/server/music/readme.txt b/server/music/readme.txt
new file mode 100644
index 0000000..867b12a
--- /dev/null
+++ b/server/music/readme.txt
@@ -0,0 +1,2 @@
+.mp3 files placed in this folder will be available via the un-mute button in the application.
+No subdirectories will be scanned, and music will be played in a random order.
\ No newline at end of file
diff --git a/server/scripts/modules/media.mjs b/server/scripts/modules/media.mjs
index 2e78fe0..90d52c8 100644
--- a/server/scripts/modules/media.mjs
+++ b/server/scripts/modules/media.mjs
@@ -2,6 +2,8 @@ import { json } from './utils/fetch.mjs';
 import Setting from './utils/setting.mjs';
 
 let playlist;
+let currentTrack = 0;
+let player;
 
 const mediaPlaying = new Setting('mediaPlaying', 'Media Playing', 'boolean', false, null, true);
 
@@ -62,11 +64,17 @@ const toggleMedia = (forcedState) => {
 };
 
 const startMedia = () => {
-
+	// if there's not media player yet, enable it
+	if (!player) {
+		initializePlayer();
+	} else {
+		player.play();
+	}
 };
 
 const stopMedia = () => {
-
+	if (!player) return;
+	player.pause();
 };
 
 const stateChanged = () => {
@@ -94,6 +102,48 @@ const randomizePlaylist = () => {
 	playlist.availableFiles = randomPlaylist;
 };
 
+const initializePlayer = () => {
+	// basic sanity checks
+	if (!playlist.availableFiles || playlist?.availableFiles.length === 0) {
+		throw new Error('No playlist available');
+	}
+	if (player) {
+		return;
+	}
+	// create the player
+	player = new Audio();
+
+	// reset the playlist index
+	currentTrack = 0;
+
+	// add event handlers
+	player.addEventListener('canplay', playerCanPlay);
+	player.addEventListener('ended', playerEnded);
+
+	// add the tracks
+	const tracks = playlist.availableFiles.map((file) => {
+		const elem = document.createElement('source');
+		elem.src = `music/${file}`;
+		elem.type = 'audio/mpeg';
+		return elem;
+	});
+
+	// add the track to the player
+	player.append(...tracks);
+	console.log('tracks added');
+};
+
+const playerCanPlay = () => {
+	// check to make sure they user still wants music (protect against slow loading music)
+	if (!mediaPlaying.value) return;
+	// start playing
+	player.play();
+};
+
+const playerEnded = () => {
+	console.log('end of playlist reached');
+};
+
 export {
 	// eslint-disable-next-line import/prefer-default-export
 	toggleMedia,