smov/src/video/state/events.ts

export type VideoPlayerEvent = "mediaplaying";

function createEventString(id: string, event: VideoPlayerEvent): string {
  return `_vid:::${id}:::${event}`;
}

export function sendEvent<T>(id: string, event: VideoPlayerEvent, data: T) {
  const evObj = new CustomEvent(createEventString(id, event), {
    detail: data,
  });
  document.dispatchEvent(evObj);
}

export function listenEvent<T>(
  id: string,
  event: VideoPlayerEvent,
  cb: (data: T) => void
) {
  document.addEventListener<any>(createEventString(id, event), cb);
}

export function unlistenEvent<T>(
  id: string,
  event: VideoPlayerEvent,
  cb: (data: T) => void
) {
  document.removeEventListener<any>(createEventString(id, event), cb);
}