62 lines
1.7 KiB
TypeScript
62 lines
1.7 KiB
TypeScript
|
import { UINode } from "./node";
|
||
|
|
|
||
|
|
export class Video extends UINode {
|
||
|
|
private videoElement: HTMLVideoElement;
|
||
|
|
|
||
|
|
public constructor(title: string, src: string | MediaStream = "") {
|
||
|
|
super(title);
|
||
|
|
this.videoElement = document.createElement("video");
|
||
|
|
if (typeof src === "string") {
|
||
|
|
this.videoElement.src = src; // Set src if it's a string URL
|
||
|
|
} else if (src instanceof MediaStream) {
|
||
|
|
this.videoElement.srcObject = src; // Set srcObject if it's a MediaStream
|
||
|
|
}
|
||
|
|
this.videoElement.setAttribute("aria-label", title);
|
||
|
|
this.element.appendChild(this.videoElement);
|
||
|
|
this.setRole("video");
|
||
|
|
}
|
||
|
|
|
||
|
|
public getElement(): HTMLElement {
|
||
|
|
return this.videoElement;
|
||
|
|
}
|
||
|
|
|
||
|
|
public setSource(src: string | MediaStream) {
|
||
|
|
if (typeof src === "string") {
|
||
|
|
this.videoElement.src = src;
|
||
|
|
} else if (src instanceof MediaStream) {
|
||
|
|
this.videoElement.srcObject = src;
|
||
|
|
}
|
||
|
|
return this;
|
||
|
|
}
|
||
|
|
|
||
|
|
public play() {
|
||
|
|
this.videoElement.play();
|
||
|
|
return this;
|
||
|
|
}
|
||
|
|
|
||
|
|
public pause() {
|
||
|
|
this.videoElement.pause();
|
||
|
|
return this;
|
||
|
|
}
|
||
|
|
|
||
|
|
public setControls(show: boolean) {
|
||
|
|
this.videoElement.controls = show;
|
||
|
|
return this;
|
||
|
|
}
|
||
|
|
|
||
|
|
public setLoop(loop: boolean) {
|
||
|
|
this.videoElement.loop = loop;
|
||
|
|
return this;
|
||
|
|
}
|
||
|
|
|
||
|
|
public setMuted(muted: boolean) {
|
||
|
|
this.videoElement.muted = muted;
|
||
|
|
return this;
|
||
|
|
}
|
||
|
|
|
||
|
|
public setAutoplay(autoplay: boolean) {
|
||
|
|
this.videoElement.autoplay = autoplay;
|
||
|
|
return this;
|
||
|
|
}
|
||
|
|
}
|