nice logger

1 files changed, 5 insertions, 5 deletions

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<string>(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)