From 6b636bc73b8e44841d76a14fd3cb23af647b7165 Mon Sep 17 00:00:00 2001 From: metamuffin Date: Tue, 3 Oct 2023 14:24:52 +0200 Subject: nice logger --- web/script/player/mod.ts | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) (limited to 'web/script/player/mod.ts') diff --git a/web/script/player/mod.ts b/web/script/player/mod.ts index aea12a8..b170c95 100644 --- a/web/script/player/mod.ts +++ b/web/script/player/mod.ts @@ -5,6 +5,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 { Player } from "./player.ts"; @@ -21,8 +22,9 @@ document.addEventListener("DOMContentLoaded", () => { function initialize_player(el: HTMLElement, node_id: string) { el.innerHTML = "" // clear the body - const player = new Player(node_id) - const show_stats = new OVar(true); + const logger = new Logger(s => e("p", s)) + const player = new Player(node_id, logger) + const show_stats = new OVar(false); const toggle_playing = () => player.playing.value ? player.pause() : player.play() const pri_map = (v: number) => (v / player.duration.value * 100) + "%" @@ -64,9 +66,6 @@ function initialize_player(el: HTMLElement, node_id: string) { const pel = e("div", { class: "jsp" }, player.video, - player.buffering_status.map(b => e("div", { class: "jsp-overlay" }, - b ? e("p", { class: "jsp-buffering" }, b) : undefined - )), show_stats.map(do_show => player.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")}`)), @@ -75,6 +74,7 @@ function initialize_player(el: HTMLElement, node_id: string) { )) ) )), + logger.element, controls, ) el.append(pel) -- cgit v1.2.3-70-g09d2