remove controller, introduce display interfaces

src/components/player/display/displayInterface.ts

@@ -1,21 +1,12 @@
 import { Source } from "@/components/player/hooks/usePlayer";
+import { Listener } from "@/utils/events";
 
-type EventMap = Record<string, any>;
+export type DisplayInterfaceEvents = {
-type EventKey<T extends EventMap> = string & keyof T;
+  play: void;
-type EventReceiver<T> = (params: T) => void;
+  pause: void;
+};
 
-export interface Emitter<T extends EventMap> {
+export interface DisplayInterface extends Listener<DisplayInterfaceEvents> {
-  on<K extends EventKey<T>>(eventName: K, fn: EventReceiver<T[K]>): void;
-  off<K extends EventKey<T>>(eventName: K, fn: EventReceiver<T[K]>): void;
-  emit<K extends EventKey<T>>(eventName: K, params: T[K]): void;
-}
-
-interface Listener<T extends EventMap> {
-  on<K extends EventKey<T>>(eventName: K, fn: EventReceiver<T[K]>): void;
-}
-
-export interface DisplayInterface<Events extends EventMap>
-  extends Listener<Events> {
   play(): void;
   pause(): void;
   load(source: Source): void;

src/stores/player/controllers/base.ts

@@ -1,21 +0,0 @@
-import { Controller } from "@/stores/player/controllers/types";
-
-export function useBaseController(): Controller {
-  let el: HTMLVideoElement | undefined;
-
-  return {
-    registerVideoElement(video) {
-      el = video;
-    },
-    pause() {
-      el?.pause();
-    },
-    play() {
-      el?.play();
-    },
-    setVolume(target) {
-      if (!el) return;
-      el.volume = target;
-    },
-  };
-}

src/stores/player/controllers/types.ts

@@ -1,6 +0,0 @@
-export interface Controller {
-  pause(): void;
-  play(): void;
-  setVolume(target: number): void;
-  registerVideoElement(videoElement: HTMLVideoElement): void;
-}