mirror of
https://github.com/netbymatt/ws4kp.git
synced 2026-04-14 15:49:31 -07:00
add music track names to info block close #100
This commit is contained in:
@@ -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 {
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user