diff options
| author | metamuffin <metamuffin@disroot.org> | 2024-01-28 17:58:48 +0100 |
|---|---|---|
| committer | metamuffin <metamuffin@disroot.org> | 2024-01-28 17:58:48 +0100 |
| commit | 14f8f98ff586268bf35193d5b4c64f0362889359 (patch) | |
| tree | abd436fcba0a2b56b566bcf60585858ecfa80916 | |
| parent | 727be96686a2c6c5747b26be15933e11c9cab9c6 (diff) | |
| download | jellything-14f8f98ff586268bf35193d5b4c64f0362889359.tar jellything-14f8f98ff586268bf35193d5b4c64f0362889359.tar.bz2 jellything-14f8f98ff586268bf35193d5b4c64f0362889359.tar.zst | |
pribuf indicator works with any amout of tracks
| -rw-r--r-- | web/script/player/mod.ts | 3 | ||||
| -rw-r--r-- | web/script/player/track/vtt.ts | 1 | ||||
| -rw-r--r-- | web/style/js-player.css | 2 |
3 files changed, 3 insertions, 3 deletions
diff --git a/web/script/player/mod.ts b/web/script/player/mod.ts index 3d7cc66..1d4267f 100644 --- a/web/script/player/mod.ts +++ b/web/script/player/mod.ts @@ -161,7 +161,8 @@ function initialize_player(el: HTMLElement, node_id: string) { class: ["jsp-pri-buffer", `jsp-pri-buffer-${r.status}`], style: { width: pri_map(r.end - r.start), - top: `calc(var(--pribufsize)*${i})`, + height: `calc(var(--csize)/${tracks.length})`, + top: `calc(var(--csize)/${tracks.length}*${i})`, left: pri_map(r.start) } }) diff --git a/web/script/player/track/vtt.ts b/web/script/player/track/vtt.ts index c426fa1..efdafe0 100644 --- a/web/script/player/track/vtt.ts +++ b/web/script/player/track/vtt.ts @@ -33,6 +33,7 @@ export class VttPlayerTrack extends PlayerTrack { public cues: JvttCue[] ) { super(track_index); + this.buffered.value = [{ start: 0, end: player.duration.value, status: "buffered" }] this.track = this.player.video.addTextTrack("subtitles", metadata.name, metadata.language); for (const cue of cues) { this.track.addCue(create_cue(cue)); diff --git a/web/style/js-player.css b/web/style/js-player.css index 26545ed..7a2c278 100644 --- a/web/style/js-player.css +++ b/web/style/js-player.css @@ -60,7 +60,6 @@ margin: 0px; width: calc(100% - var(--csize) * 2 - 2px); height: var(--csize); - --pribufsize: calc(var(--csize) * 0.5); } .jsp-pri-current { z-index: 101; @@ -71,7 +70,6 @@ .jsp-pri-buffer { z-index: 100; position: absolute; - height: var(--pribufsize); } .jsp-pri-buffer-buffered { background-color: #08fa0018; |