add music track names to info block close #100

This commit is contained in:
Matt Walsh
2025-06-03 21:09:26 -05:00
parent a813ee19a7
commit 5e3b917023
2 changed files with 11 additions and 0 deletions

View File

@@ -79,6 +79,7 @@ const startMedia = async () => {
} else { } else {
try { try {
await player.play(); await player.play();
setTrackName(playlist.availableFiles[currentTrack]);
} catch (e) { } catch (e) {
// report the error // report the error
console.error('Couldn\'t play music'); console.error('Couldn\'t play music');
@@ -86,6 +87,7 @@ const startMedia = async () => {
// set state back to not playing for good UI experience // set state back to not playing for good UI experience
mediaPlaying.value = false; mediaPlaying.value = false;
stateChanged(); stateChanged();
setTrackName('Not playing');
} }
} }
}; };
@@ -93,6 +95,7 @@ const startMedia = async () => {
const stopMedia = () => { const stopMedia = () => {
if (!player) return; if (!player) return;
player.pause(); player.pause();
setTrackName('Not playing');
}; };
const stateChanged = () => { const stateChanged = () => {
@@ -140,6 +143,7 @@ const initializePlayer = () => {
// get the first file // get the first file
player.src = `music/${playlist.availableFiles[currentTrack]}`; player.src = `music/${playlist.availableFiles[currentTrack]}`;
setTrackName(playlist.availableFiles[currentTrack]);
player.type = 'audio/mpeg'; player.type = 'audio/mpeg';
}; };
@@ -160,6 +164,12 @@ const playerEnded = () => {
} }
// update the player source // update the player source
player.src = `music/${playlist.availableFiles[currentTrack]}`; player.src = `music/${playlist.availableFiles[currentTrack]}`;
setTrackName(playlist.availableFiles[currentTrack]);
};
const setTrackName = (fileName) => {
const trackName = fileName.replace(/\.mp3/gi, '').replace(/(_-)/gi, '');
document.getElementById('musicTrack').innerHTML = trackName;
}; };
export { export {

View File

@@ -186,6 +186,7 @@
Station Id: <span id="spanStationId"></span><br /> Station Id: <span id="spanStationId"></span><br />
Radar Id: <span id="spanRadarId"></span><br /> Radar Id: <span id="spanRadarId"></span><br />
Zone Id: <span id="spanZoneId"></span><br /> Zone Id: <span id="spanZoneId"></span><br />
Music: <span id="musicTrack">Not playing</span><br />
Ws4kp Version: <span><%- version %></span> Ws4kp Version: <span><%- version %></span>
</div> </div>