@banou/media-player 0.0.0

package/README.md

@@ -0,0 +1,13 @@
+## Media Player
+
+A player that somehow manages to playback MKV files
+
+# Things to fix
+- Everytime a new text starts being rendered by libass-wasm (JavascriptSubtitlesOctopus), we might drop a few video frames?
+- might wanna use https://www.radix-ui.com/
+- PRETTY IMPORTANT The player randomly stops working completly after a normal seek, no errors thrown, just happens after a seek, check it out
+- https://9u526jgufnpw9yo6aerstjtvkh31xm.sdbx.app/watch/anilist:140596,mal:50197/mal:50197-1/nyaa:1621740 has subtitles that switch from time to time, subtitle index is kept but array items change indexes
+
+Todo: make the UI composable components, useable without the actual video player, useful for custom UI embedding on top of players like youtube, ect...
+
+Take inspiration from https://github.com/cookpete/react-player

package/build/chrome/bottom.d.ts

@@ -0,0 +1,20 @@
+import type { Dispatch, HTMLAttributes, SetStateAction } from 'react';
+import type { ChromeOptions } from '.';
+import type { FKNVideoControl, Subtitle, TransmuxError } from '..';
+export type BottomOptions = {
+    duration?: number;
+    currentTime?: number;
+    togglePlay: () => void;
+    isSubtitleMenuHidden: boolean;
+    setIsSubtitleMenuHidden: Dispatch<SetStateAction<boolean>>;
+    isErrorMenuHidden: boolean;
+    setIsErrorMenuHidden: Dispatch<SetStateAction<boolean>>;
+    setCurrentSubtitleTrack: Dispatch<SetStateAction<number | undefined>>;
+    isFullscreen: boolean;
+    toggleFullscreen: () => void;
+    subtitleTrack: Subtitle | undefined;
+    errors: TransmuxError[];
+    customControls?: FKNVideoControl[];
+} & Pick<ChromeOptions, 'seek' | 'setVolume' | 'loadedTime' | 'isPlaying' | 'tracks' | 'pictureInPicture'> & HTMLAttributes<HTMLDivElement>;
+declare const _default: ({ duration, currentTime, togglePlay, seek, setVolume, isSubtitleMenuHidden, setIsSubtitleMenuHidden, isErrorMenuHidden, setIsErrorMenuHidden, setCurrentSubtitleTrack, loadedTime, isPlaying, tracks, isFullscreen, toggleFullscreen, subtitleTrack, pictureInPicture, errors, customControls, ...rest }: BottomOptions) => JSX.Element;
+export default _default;

package/build/chrome/index.d.ts

@@ -0,0 +1,26 @@
+import type { HTMLAttributes, MutableRefObject, ReactNode } from 'react';
+import type { Attachment, FKNVideoControl, Subtitle, TransmuxError } from '..';
+export type ChromeOptions = {
+    customOverlay?: ReactNode;
+    isPlaying?: boolean;
+    loading?: boolean;
+    duration?: number;
+    loadedTime?: [number, number];
+    currentTime?: number;
+    pictureInPicture: () => void;
+    fullscreen: () => void;
+    play: () => void;
+    seek: (time: number) => void;
+    getVolume: () => number | undefined;
+    setVolume: (volume: number) => void;
+    attachments: Attachment[] | undefined;
+    tracks: Subtitle[];
+    video: MutableRefObject<HTMLVideoElement | undefined>;
+    errors: TransmuxError[];
+    customControls?: FKNVideoControl[];
+    libassWorkerUrl: string;
+    wasmUrl: string;
+    needsInitialInteraction?: boolean;
+} & HTMLAttributes<HTMLDivElement>;
+declare const _default: ({ customOverlay, isPlaying, loading, duration, loadedTime, currentTime, pictureInPicture, fullscreen, play, seek, getVolume, setVolume, attachments, tracks, video, errors, customControls, libassWorkerUrl, wasmUrl, needsInitialInteraction, ...rest }: ChromeOptions) => JSX.Element;
+export default _default;

package/build/chrome/overlay.d.ts

@@ -0,0 +1,9 @@
+import type { ClassAttributes } from 'react';
+export type OverlayOptions = {
+    loading?: boolean;
+    togglePlay: (ev: any) => void;
+    setCanvasRef: ClassAttributes<HTMLCanvasElement>['ref'];
+    needsInitialInteraction?: boolean;
+};
+declare const _default: ({ loading, needsInitialInteraction, togglePlay, setCanvasRef }: OverlayOptions) => JSX.Element;
+export default _default;

package/build/index.d.ts

@@ -0,0 +1,48 @@
+import type { ReactNode, VideoHTMLAttributes } from 'react';
+import { makeTransmuxer as libavMakeTransmuxer } from 'libav-wasm';
+export type TransmuxError = {
+    critical: boolean;
+    message: string;
+    count: number;
+};
+export type Subtitle = {
+    title: string;
+    language: string;
+    data: string;
+};
+export type Attachment = {
+    filename: string;
+    mimetype: string;
+    data: Uint8Array;
+};
+type Chunk = {
+    offset: number;
+    buffer: Uint8Array;
+    pts: number;
+    duration: number;
+    pos: number;
+};
+export type FKNVideoControlOptions = {};
+export type FKNVideoControl = (args: FKNVideoControlOptions) => JSX.Element;
+export type FKNVideoOptions = {
+    customOverlay?: ReactNode;
+    baseBufferSize?: number;
+    size?: number;
+    fetch: (offset: number, size: number) => Promise<Response>;
+    customControls?: FKNVideoControl[];
+    publicPath: string;
+    wasmUrl: string;
+    libavWorkerUrl: string;
+    libavWorkerOptions?: WorkerOptions;
+    libassWorkerUrl: string;
+    makeTransmuxer?: typeof libavMakeTransmuxer;
+};
+export type HeaderChunk = Chunk & {
+    buffer: {
+        buffer: {
+            fileStart: number;
+        };
+    };
+};
+declare const FKNVideo: import("react").ForwardRefExoticComponent<VideoHTMLAttributes<HTMLInputElement> & FKNVideoOptions & import("react").RefAttributes<HTMLVideoElement>>;
+export default FKNVideo;