diff options
| -rw-r--r-- | web/script/player/mod.ts | 4 | ||||
| -rw-r--r-- | web/script/player/player.ts | 8 |
2 files changed, 8 insertions, 4 deletions
diff --git a/web/script/player/mod.ts b/web/script/player/mod.ts index 995bd4c..a53789f 100644 --- a/web/script/player/mod.ts +++ b/web/script/player/mod.ts @@ -101,8 +101,8 @@ function initialize_player(el: HTMLElement, node_id: string) { } return e("li", { class: active ? ["active"] : [] }, e("button", { class: "jsp-track-state", onclick }, active ? "-" : "+"), " ", - e("span", { class: "jsp-track-name" }, track.name), " ", - e("span", { class: "jsp-track-lang" }, track.language) + e("span", { class: "jsp-track-name" }, `"${track.name}"`), " ", + e("span", { class: "jsp-track-lang" }, `(${track.language})`) ) }) )) diff --git a/web/script/player/player.ts b/web/script/player/player.ts index 4f322a9..9cedaf5 100644 --- a/web/script/player/player.ts +++ b/web/script/player/player.ts @@ -137,11 +137,11 @@ export class Player { console.log(`(${index}) set enabled ${state}`); const active_index = this.active_tracks.value.findIndex(t => t.track_index == index) if (!state && active_index != -1) { - this.logger?.log(`Disabled track ${index}.`) + this.logger?.log(`Disabled track ${index}: ${display_track(this.tracks![index])}`) const [track] = this.active_tracks.value.splice(active_index, 1) track.abort.abort() } else if (state && active_index == -1) { - this.logger?.log(`Enabled track ${index}.`) + this.logger?.log(`Enabled track ${index}: ${display_track(this.tracks![index])}`) this.active_tracks.value.push((await create_track(this, this.node_id, index, this.tracks![index]))!) if (update) await this.update() } @@ -178,3 +178,7 @@ function get_query_start_time() { if (Number.isNaN(x)) return return x } + +function display_track(t: SourceTrack): string { + return `"${t.name}" (${t.language})` +} |