add music track names to info block close #100
This commit is contained in:
parent
a813ee19a7
commit
5e3b917023
2 changed files with 11 additions and 0 deletions
|
|
@ -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>
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue