aboutsummaryrefslogtreecommitdiff
path: root/web
diff options
context:
space:
mode:
authormetamuffin <metamuffin@disroot.org>2024-05-14 01:17:41 +0200
committermetamuffin <metamuffin@disroot.org>2024-05-14 01:17:41 +0200
commitd7636b4707f09862577515c87007f3ac0b705ed8 (patch)
treea280e08cc8747cee5abde103fb37b712c2d8456b /web
parent1ea1c6fda12c7a49c5bb17ed5432967cddb1fd64 (diff)
downloadjellything-d7636b4707f09862577515c87007f3ac0b705ed8.tar
jellything-d7636b4707f09862577515c87007f3ac0b705ed8.tar.bz2
jellything-d7636b4707f09862577515c87007f3ac0b705ed8.tar.zst
jsp: show video res
Diffstat (limited to 'web')
m---------web/script/jshelper0
-rw-r--r--web/script/player/mod.ts3
-rw-r--r--web/style/player.css2
3 files changed, 4 insertions, 1 deletions
diff --git a/web/script/jshelper b/web/script/jshelper
-Subproject 41f05c2839eb71eff646b0345984b5da1afcc45
+Subproject b2bcdcc99e42015085b4d0d63e7c94b2d4f84e2
diff --git a/web/script/player/mod.ts b/web/script/player/mod.ts
index 671631a..c0c0a3a 100644
--- a/web/script/player/mod.ts
+++ b/web/script/player/mod.ts
@@ -221,6 +221,9 @@ function initialize_player(el: HTMLElement, node_id: string) {
player.downloader.bandwidth_used.map(b => e("pre", `estimated used bandwidth: ${show.metric(b, "B/s")} | ${show.metric(b * 8, "b/s")}`)),
player.downloader.total_downloaded.map(b => e("pre", `downloaded bytes total: ${show.metric(b, "B")}`)),
player.position.map(_ => e("pre", `frames dropped: ${player.video.getVideoPlaybackQuality().droppedVideoFrames}`)),
+ OVar.interval(() => e("pre", ""
+ + `video resolution: source: ${player.video.videoWidth}x${player.video.videoHeight}\n`
+ + ` display: ${player.video.clientWidth}x${player.video.clientHeight}`), 100),
...tracks.map(t => t.debug())
)
))),
diff --git a/web/style/player.css b/web/style/player.css
index 246f7c6..45cb58a 100644
--- a/web/style/player.css
+++ b/web/style/player.css
@@ -64,9 +64,9 @@ form.playerconf {
}
video::cue {
+ background-color: transparent;
/* TODO this is inefficient */
/* print(", ".join([f"{x/19}em {y/19}em black" for x in range(-5,6) for y in range(-5,6) if x*x+y*y < 5*5])) */
- background-color: transparent;
text-shadow: 0em 0.1em black,
0.02079116908177593em 0.09781476007338058em black,
0.040673664307580015em 0.0913545457642601em black,