Huge restructuring of frontend code. 1.2.0 prerelease

js/mediaPlayer.js

@@ -0,0 +1,51 @@
+export const BrowserModMediaPlayerMixin = (C) => class extends C {
+
+    constructor() {
+        super();
+        this.player = new Audio();
+
+        for (const event of ["play", "pause", "ended", "volumechange"]) {
+            this.player.addEventListener(event, () => this.player_update());
+        }
+
+        window.addEventListener("click", () => this.player.play(), {once: true});
+    }
+
+    player_update(ev) {
+        this.sendUpdate({player: {
+            volume: this.player.volume,
+            muted: this.player.muted,
+            src: this.player.src,
+            state: this.player_state,
+        }})
+    }
+
+    get player_state() {
+        if (!this.player.src) return "stopped";
+        if (this.player.ended) return "stopped";
+        if (this.player.paused) return "paused";
+        return "playing";
+    }
+
+    player_play(src) {
+        if(src)
+            this.player.src = src;
+        this.player.play();
+    }
+    player_pause() {
+        this.player.pause();
+    }
+    player_stop() {
+        this.player.pause();
+        this.player.src = null;
+    }
+    player_set_volume(level) {
+        if(level === undefined) return;
+        this.player.volume = level;
+    }
+    player_mute(mute) {
+        if(mute === undefined)
+            mute = !this.player.muted;
+        this.player.muted = Boolean(mute);
+    }
+}