feat: release v0.0.1

dist/react/video-player/components/video-js/hls-or-videojs-player.js

@@ -0,0 +1,89 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import cn from "classnames";
+import styles from "./videojs.module.scss";
+import { useEffect, useMemo, useRef } from "react";
+import { isIOS, isMobile } from "react-device-detect";
+import { VideoPlayerRuntime, } from "../../../../core";
+const DEFAULT_SOURCE_TYPE = "application/x-mpegurl";
+const VideoJS = ({ options, classNames = [], onReady, className, initialTime = 0, full = false, withRewind = true, }) => {
+    const videoContainerRef = useRef(null);
+    const runtimeRef = useRef(null);
+    const onReadyRef = useRef(onReady);
+    useEffect(() => {
+        onReadyRef.current = onReady;
+    }, [onReady]);
+    const runtimeOptions = useMemo(() => {
+        const source = options.sources?.[0];
+        return {
+            source: {
+                src: source?.src ?? "",
+                type: source?.type ?? DEFAULT_SOURCE_TYPE,
+            },
+            strategy: "auto",
+            preload: options.preload,
+            autoplay: options.autoplay,
+            controls: options.controls,
+            responsive: options.responsive,
+            aspectRatio: options.aspectRatio,
+            fluid: options.fluid,
+            muted: options.muted,
+            poster: options.poster,
+            preferHQ: options.preferHQ ?? false,
+            debug: options.debug ?? false,
+            initialTime,
+            isIOS,
+            isMobile,
+            full,
+            withRewind,
+            skipSeconds: 10,
+            classNames,
+            onPlayerReady: player => {
+                onReadyRef.current?.(player);
+            },
+        };
+    }, [
+        options.sources,
+        options.preload,
+        options.autoplay,
+        options.controls,
+        options.responsive,
+        options.aspectRatio,
+        options.fluid,
+        options.muted,
+        options.poster,
+        options.preferHQ,
+        options.debug,
+        initialTime,
+        full,
+        withRewind,
+        classNames,
+    ]);
+    useEffect(() => {
+        const container = videoContainerRef.current;
+        if (!container || runtimeRef.current) {
+            return;
+        }
+        const runtime = new VideoPlayerRuntime();
+        runtimeRef.current = runtime;
+        void runtime.init({
+            container,
+            ...runtimeOptions,
+        });
+        return () => {
+            runtime.dispose();
+            runtimeRef.current = null;
+        };
+        // init once; subsequent prop updates go through runtime.update
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    useEffect(() => {
+        if (!runtimeRef.current) {
+            return;
+        }
+        void runtimeRef.current.update(runtimeOptions);
+    }, [runtimeOptions]);
+    return (_jsx("div", { className: cn([styles.player, className]), "data-vjs-player": true, children: _jsx("div", { ref: videoContainerRef, className: cn([styles.player, className]) }) }));
+};
+export default VideoJS;
+//# sourceMappingURL=hls-or-videojs-player.js.map