init

engine/core/VideoManager.ts

@@ -0,0 +1,58 @@
+type VideoEndCallback = () => void
+type TimeUpdateCallback = (time: number) => void
+
+export class VideoManager {
+  private videoEl: HTMLVideoElement | null = null
+  private onEndCallback: VideoEndCallback | null = null
+  private onTimeCallback: TimeUpdateCallback | null = null
+  private lastSrc: string = ''
+
+  attach(videoEl: HTMLVideoElement) {
+    this.videoEl = videoEl
+    videoEl.addEventListener('ended', this.handleEnded)
+    videoEl.addEventListener('timeupdate', this.handleTimeUpdate)
+  }
+
+  detach() {
+    if (!this.videoEl) return
+    this.videoEl.removeEventListener('ended', this.handleEnded)
+    this.videoEl.removeEventListener('timeupdate', this.handleTimeUpdate)
+    this.videoEl = null
+  }
+
+  play(src: string) {
+    if (!this.videoEl) return
+    if (this.lastSrc !== src) {
+      this.videoEl.src = src
+      this.lastSrc = src
+    }
+    this.videoEl.currentTime = 0
+    this.videoEl.play().catch(() => {})
+  }
+
+  pause() {
+    this.videoEl?.pause()
+  }
+
+  getCurrentTime(): number {
+    return this.videoEl?.currentTime ?? 0
+  }
+
+  onEnd(cb: VideoEndCallback) {
+    this.onEndCallback = cb
+  }
+
+  onTimeUpdate(cb: TimeUpdateCallback) {
+    this.onTimeCallback = cb
+  }
+
+  private handleEnded = () => {
+    this.onEndCallback?.()
+  }
+
+  private handleTimeUpdate = () => {
+    if (this.videoEl) {
+      this.onTimeCallback?.(this.videoEl.currentTime)
+    }
+  }
+}