horrible midnight fixes and some fancy popups in the player

1 files changed, 11 insertions, 4 deletions

diff --git a/web/script/player/mod.ts b/web/script/player/mod.ts
index 11690b6..4e4a4cc 100644
--- a/web/script/player/mod.ts
+++ b/web/script/player/mod.ts
@@ -7,7 +7,7 @@ import { OVar, show } from "../jshelper/mod.ts";
 import { e } from "../jshelper/mod.ts";
 import { Logger } from "../jshelper/src/log.ts";
 import { EncodingProfile } from "./jhls.d.ts";
-import { TrackKind } from "./mediacaps.ts";
+import { TrackKind, get_track_kind } from "./mediacaps.ts";
 import { Player } from "./player.ts";
 import { Popup } from "./popup.ts";
 
@@ -53,7 +53,14 @@ function initialize_player(el: HTMLElement, node_id: string) {
             }
         })
         new Popup(button, popups, () =>
-            e("div", { class: "jsp-track-select-popup" }, "This is some text")
+            e("div", { class: "jsp-track-select-popup" },
+                ...(player.tracks ?? [])
+                    .filter(t => get_track_kind(t.info.kind) == kind)
+                    .map(t => e("div",
+                        e("span", { class: "jsp-track-name" }, t.info.name), " ",
+                        e("span", { class: "jsp-track-lang" }, t.info.language)
+                    ))
+            )
         )
         return button
     }
@@ -68,7 +75,7 @@ function initialize_player(el: HTMLElement, node_id: string) {
         ),
         pri = e("div", { class: "jsp-pri" },
             pri_current = e("div", { class: "jsp-pri-current" }),
-            player.tracks.map(
+            player.active_tracks.map(
                 tracks => e("div", ...tracks.map((t, i) => t.buffered.map(
                     ranges => e("div", ...ranges.map(
                         r => e("div", {
@@ -101,7 +108,7 @@ function initialize_player(el: HTMLElement, node_id: string) {
 
     const pel = e("div", { class: "jsp" },
         player.video,
-        show_stats.map(do_show => e("div", player.tracks.map(tracks =>
+        show_stats.map(do_show => e("div", player.active_tracks.map(tracks =>
             !do_show ? e("div") : e("div", { class: "jsp-stats" },
                 player.downloader.bandwidth.map(b => e("pre", `estimated bandwidth: ${show.metric(b, "B/s")} | ${show.metric(b * 8, "b/s")}`)),
                 ...tracks.map((t, i) => t.profile.map(p =>