54 lines
1.3 KiB
JavaScript
54 lines
1.3 KiB
JavaScript
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);
|
|
}
|
|
};
|