track select ui in jsp-

1 files changed, 7 insertions, 6 deletions

diff --git a/web/script/player/player.ts b/web/script/player/player.ts
index d76d8cb..2ba2e1d 100644
--- a/web/script/player/player.ts
+++ b/web/script/player/player.ts
@@ -93,8 +93,8 @@ export class Player {
         this.video.src = URL.createObjectURL(this.media_source)
         this.media_source.addEventListener("sourceopen", async () => {
             this.set_pers("Downloading track indecies...")
-            await this.set_track_enabled(0, true)
-            await this.set_track_enabled(1, true)
+            await this.set_track_enabled(0, true, false)
+            await this.set_track_enabled(1, true, false)
             this.set_pers("Downloading initial segments...")
             this.update()
             await this.canplay.wait_for(true)
@@ -105,14 +105,15 @@ export class Player {
         await Promise.all(this.active_tracks.value.map(t => t.update(newt ?? this.video.currentTime)))
     }
 
-    async set_track_enabled(index: number, state: boolean) {
+    async set_track_enabled(index: number, state: boolean, update = true) {
         console.log(`(${index}) set enabled ${state}`);
         const active_index = this.active_tracks.value.findIndex(t => t.track_index == index)
-        if (!state && active_index !== undefined) {
+        if (!state && active_index != -1) {
             const [track] = this.active_tracks.value.splice(active_index, 1)
-            track.destroy()
-        } else if (state && active_index === undefined) {
+            track.abort.abort()
+        } else if (state && active_index == -1) {
             this.active_tracks.value.push((await PlayerTrack.new(this, this.node_id, index, this.tracks![index]))!)
+            if (update) await this.update()
         }
         this.active_tracks.change()
     }