@xrift/world-components 0.21.12 → 0.22.0

package/dist/components/LiveVideoPlayer/hooks/useHlsVideo/utils.js

@@ -0,0 +1,62 @@
+import { VideoTexture, SRGBColorSpace, LinearFilter } from 'three';
+import { HlsJsPlayer } from './classes/HlsJsPlayer';
+import { NativeHlsPlayer } from './classes/NativeHlsPlayer';
+/** URLがHLSストリームかどうかを判定 */
+export function isHlsUrl(url) {
+    return url.includes('.m3u8') || url.includes('application/vnd.apple.mpegurl');
+}
+/** Safari（native HLS対応ブラウザ）かどうかを判定 */
+export function canPlayHlsNatively() {
+    if (typeof document === 'undefined')
+        return false;
+    const video = document.createElement('video');
+    return video.canPlayType('application/vnd.apple.mpegurl') !== '';
+}
+/** URLにキャッシュバスター用のキーを付与 */
+export function appendCacheKey(url, cacheKey) {
+    return `${url}${url.includes('?') ? '&' : '?'}_ck=${cacheKey}`;
+}
+/** HLS再生用のvideo要素とテクスチャを作成 */
+export function createVideoTexture() {
+    const video = document.createElement('video');
+    video.crossOrigin = 'anonymous';
+    video.playsInline = true;
+    video.muted = false;
+    const texture = new VideoTexture(video);
+    texture.colorSpace = SRGBColorSpace;
+    texture.minFilter = LinearFilter;
+    texture.magFilter = LinearFilter;
+    return { video, texture };
+}
+/**
+ * 環境に応じて適切な HLS プレイヤーを作成
+ * hls.js を優先し、利用できない場合はネイティブ HLS にフォールバック
+ */
+export async function createHlsPlayer(options) {
+    // hls.js を優先
+    try {
+        const Hls = (await import('hls.js')).default;
+        if (Hls.isSupported()) {
+            return {
+                player: new HlsJsPlayer(Hls, options),
+                type: 'hlsjs',
+            };
+        }
+    }
+    catch (err) {
+        console.warn('[createHlsPlayer] Failed to load hls.js:', err);
+    }
+    // ネイティブ HLS にフォールバック
+    if (canPlayHlsNatively()) {
+        return {
+            player: new NativeHlsPlayer(options),
+            type: 'native',
+        };
+    }
+    return {
+        player: null,
+        type: 'unsupported',
+        error: new Error('HLS playback is not supported in this browser'),
+    };
+}
+//# sourceMappingURL=utils.js.map

package/dist/components/LiveVideoPlayer/hooks/useHlsVideo/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../src/components/LiveVideoPlayer/hooks/useHlsVideo/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAG3D,0BAA0B;AAC1B,MAAM,UAAU,QAAQ,CAAC,GAAW;IAClC,OAAO,GAAG,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,GAAG,CAAC,QAAQ,CAAC,+BAA+B,CAAC,CAAA;AAC/E,CAAC;AAED,sCAAsC;AACtC,MAAM,UAAU,kBAAkB;IAChC,IAAI,OAAO,QAAQ,KAAK,WAAW;QAAE,OAAO,KAAK,CAAA;IACjD,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;IAC7C,OAAO,KAAK,CAAC,WAAW,CAAC,+BAA+B,CAAC,KAAK,EAAE,CAAA;AAClE,CAAC;AAED,2BAA2B;AAC3B,MAAM,UAAU,cAAc,CAAC,GAAW,EAAE,QAAgB;IAC1D,OAAO,GAAG,GAAG,GAAG,GAAG,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,OAAO,QAAQ,EAAE,CAAA;AAChE,CAAC;AAED,8BAA8B;AAC9B,MAAM,UAAU,kBAAkB;IAChC,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;IAC7C,KAAK,CAAC,WAAW,GAAG,WAAW,CAAA;IAC/B,KAAK,CAAC,WAAW,GAAG,IAAI,CAAA;IACxB,KAAK,CAAC,KAAK,GAAG,KAAK,CAAA;IAEnB,MAAM,OAAO,GAAG,IAAI,YAAY,CAAC,KAAK,CAAC,CAAA;IACvC,OAAO,CAAC,UAAU,GAAG,cAAc,CAAA;IACnC,OAAO,CAAC,SAAS,GAAG,YAAY,CAAA;IAChC,OAAO,CAAC,SAAS,GAAG,YAAY,CAAA;IAEhC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,CAAA;AAC3B,CAAC;AAED;;;GAGG;AACH,MAAM,CAAC,KAAK,UAAU,eAAe,CACnC,OAAyB;IAEzB,aAAa;IACb,IAAI,CAAC;QACH,MAAM,GAAG,GAAG,CAAC,MAAM,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAA;QAE5C,IAAI,GAAG,CAAC,WAAW,EAAE,EAAE,CAAC;YACtB,OAAO;gBACL,MAAM,EAAE,IAAI,WAAW,CAAC,GAAG,EAAE,OAAO,CAAC;gBACrC,IAAI,EAAE,OAAO;aACd,CAAA;QACH,CAAC;IACH,CAAC;IAAC,OAAO,GAAG,EAAE,CAAC;QACb,OAAO,CAAC,IAAI,CAAC,0CAA0C,EAAE,GAAG,CAAC,CAAA;IAC/D,CAAC;IAED,qBAAqB;IACrB,IAAI,kBAAkB,EAAE,EAAE,CAAC;QACzB,OAAO;YACL,MAAM,EAAE,IAAI,eAAe,CAAC,OAAO,CAAC;YACpC,IAAI,EAAE,QAAQ;SACf,CAAA;IACH,CAAC;IAED,OAAO;QACL,MAAM,EAAE,IAAI;QACZ,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,IAAI,KAAK,CAAC,+CAA+C,CAAC;KAClE,CAAA;AACH,CAAC"}

package/dist/components/LiveVideoPlayer/hooks/useLiveVideoPlayer/index.d.ts

@@ -0,0 +1,25 @@
+import { type SyncMode } from "../../../../hooks/useSyncState";
+import type { LiveVideoState } from "../../types";
+interface UseLiveVideoPlayerOptions {
+    id: string;
+    initialUrl?: string;
+    initialPlaying?: boolean;
+    initialVolume?: number;
+    sync?: SyncMode;
+}
+export declare const useLiveVideoPlayer: ({ id, initialUrl, initialPlaying, initialVolume, sync, }: UseLiveVideoPlayerOptions) => {
+    videoState: LiveVideoState;
+    volume: number;
+    isBuffering: boolean;
+    isRetrying: boolean;
+    handlers: {
+        onUrlChange: (newUrl: string) => void;
+        onPlayPause: () => void;
+        onStop: () => void;
+        onVolumeChange: (newVolume: number) => void;
+        onBufferingChange: (buffering: boolean) => void;
+        onError: (error: Error) => void;
+    };
+};
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/LiveVideoPlayer/hooks/useLiveVideoPlayer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/LiveVideoPlayer/hooks/useLiveVideoPlayer/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAgB,KAAK,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC7E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAIlD,UAAU,yBAAyB;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB;AAED,eAAO,MAAM,kBAAkB,GAAI,0DAMhC,yBAAyB;;;;;;8BAqCf,MAAM;;;oCA4BkC,MAAM;uCAIH,OAAO;yBASnD,KAAK;;CAoChB,CAAC"}

package/dist/components/LiveVideoPlayer/hooks/useLiveVideoPlayer/index.js

@@ -0,0 +1,97 @@
+import { useState, useCallback, useEffect, useRef } from "react";
+import { useSyncState } from "../../../../hooks/useSyncState";
+const RETRY_DELAY_MS = 2000;
+export const useLiveVideoPlayer = ({ id, initialUrl, initialPlaying = false, initialVolume = 1, sync = "global", }) => {
+    const [videoState, setVideoState] = useSyncState(`live-video-${id}`, {
+        url: initialUrl,
+        playing: initialPlaying,
+        reloadKey: 0,
+    }, sync);
+    // 音量は常にローカル（個人設定）
+    const [volume, setVolume] = useState(initialVolume);
+    // バッファリング状態もローカル
+    const [isBuffering, setIsBuffering] = useState(false);
+    // リトライ状態（エラー発生時に無限自動リトライ）
+    const [isRetrying, setIsRetrying] = useState(false);
+    const retryTimeoutRef = useRef(null);
+    // コンポーネントのクリーンアップ時にタイマーをクリア
+    useEffect(() => {
+        return () => {
+            if (retryTimeoutRef.current) {
+                clearTimeout(retryTimeoutRef.current);
+            }
+        };
+    }, []);
+    const clearRetryState = useCallback(() => {
+        setIsRetrying(false);
+        if (retryTimeoutRef.current) {
+            clearTimeout(retryTimeoutRef.current);
+            retryTimeoutRef.current = null;
+        }
+    }, []);
+    const handleUrlChange = useCallback((newUrl) => {
+        setVideoState((prev) => ({
+            ...prev,
+            url: newUrl,
+            playing: !!newUrl,
+        }));
+        clearRetryState();
+    }, [setVideoState, clearRetryState]);
+    const handlePlayPause = useCallback(() => {
+        setVideoState((prev) => ({
+            ...prev,
+            playing: !prev.playing,
+        }));
+    }, [setVideoState]);
+    const handleStop = useCallback(() => {
+        setVideoState((prev) => ({
+            url: undefined,
+            playing: false,
+            reloadKey: prev.reloadKey + 1,
+        }));
+        setIsBuffering(false);
+        clearRetryState();
+    }, [setVideoState, clearRetryState]);
+    const handleVolumeChange = useCallback((newVolume) => {
+        setVolume(newVolume);
+    }, []);
+    const handleBufferingChange = useCallback((buffering) => {
+        setIsBuffering(buffering);
+        // 再生成功（バッファリング解除）時にリトライ状態をリセット
+        if (!buffering) {
+            setIsRetrying(false);
+        }
+    }, []);
+    const handleError = useCallback((error) => {
+        // リトライ中は新しいエラーを無視（タイムアウト待機中）
+        if (isRetrying)
+            return;
+        console.warn(`LiveVideoPlayer error, retrying...`, error.message);
+        // 無限リトライ（接続成功または手動停止まで）
+        setIsRetrying(true);
+        setIsBuffering(true);
+        // 遅延してリロード（セグメント生成を待つ）
+        retryTimeoutRef.current = setTimeout(() => {
+            setIsRetrying(false);
+            setVideoState((prev) => ({
+                ...prev,
+                reloadKey: prev.reloadKey + 1,
+            }));
+        }, RETRY_DELAY_MS);
+    }, [setVideoState, isRetrying]);
+    return {
+        videoState,
+        volume,
+        isBuffering,
+        isRetrying,
+        handlers: {
+            onUrlChange: handleUrlChange,
+            onPlayPause: handlePlayPause,
+            onStop: handleStop,
+            onVolumeChange: handleVolumeChange,
+            onBufferingChange: handleBufferingChange,
+            onError: handleError,
+        },
+    };
+};
+//# sourceMappingURL=index.js.map

package/dist/components/LiveVideoPlayer/hooks/useLiveVideoPlayer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/LiveVideoPlayer/hooks/useLiveVideoPlayer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjE,OAAO,EAAE,YAAY,EAAiB,MAAM,gCAAgC,CAAC;AAG7E,MAAM,cAAc,GAAG,IAAI,CAAC;AAU5B,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EACjC,EAAE,EACF,UAAU,EACV,cAAc,GAAG,KAAK,EACtB,aAAa,GAAG,CAAC,EACjB,IAAI,GAAG,QAAQ,GACW,EAAE,EAAE;IAC9B,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,YAAY,CAC9C,cAAc,EAAE,EAAE,EAClB;QACE,GAAG,EAAE,UAAU;QACf,OAAO,EAAE,cAAc;QACvB,SAAS,EAAE,CAAC;KACb,EACD,IAAI,CACL,CAAC;IAEF,kBAAkB;IAClB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC;IACpD,iBAAiB;IACjB,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,0BAA0B;IAC1B,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,eAAe,GAAG,MAAM,CAAuC,IAAI,CAAC,CAAC;IAE3E,4BAA4B;IAC5B,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE;YACV,IAAI,eAAe,CAAC,OAAO,EAAE,CAAC;gBAC5B,YAAY,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;YACxC,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE;QACvC,aAAa,CAAC,KAAK,CAAC,CAAC;QACrB,IAAI,eAAe,CAAC,OAAO,EAAE,CAAC;YAC5B,YAAY,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;YACtC,eAAe,CAAC,OAAO,GAAG,IAAI,CAAC;QACjC,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,eAAe,GAAG,WAAW,CACjC,CAAC,MAAc,EAAE,EAAE;QACjB,aAAa,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;YACvB,GAAG,IAAI;YACP,GAAG,EAAE,MAAM;YACX,OAAO,EAAE,CAAC,CAAC,MAAM;SAClB,CAAC,CAAC,CAAC;QACJ,eAAe,EAAE,CAAC;IACpB,CAAC,EACD,CAAC,aAAa,EAAE,eAAe,CAAC,CACjC,CAAC;IAEF,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE;QACvC,aAAa,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;YACvB,GAAG,IAAI;YACP,OAAO,EAAE,CAAC,IAAI,CAAC,OAAO;SACvB,CAAC,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,aAAa,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;YACvB,GAAG,EAAE,SAAS;YACd,OAAO,EAAE,KAAK;YACd,SAAS,EAAE,IAAI,CAAC,SAAS,GAAG,CAAC;SAC9B,CAAC,CAAC,CAAC;QACJ,cAAc,CAAC,KAAK,CAAC,CAAC;QACtB,eAAe,EAAE,CAAC;IACpB,CAAC,EAAE,CAAC,aAAa,EAAE,eAAe,CAAC,CAAC,CAAC;IAErC,MAAM,kBAAkB,GAAG,WAAW,CAAC,CAAC,SAAiB,EAAE,EAAE;QAC3D,SAAS,CAAC,SAAS,CAAC,CAAC;IACvB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,qBAAqB,GAAG,WAAW,CAAC,CAAC,SAAkB,EAAE,EAAE;QAC/D,cAAc,CAAC,SAAS,CAAC,CAAC;QAC1B,+BAA+B;QAC/B,IAAI,CAAC,SAAS,EAAE,CAAC;YACf,aAAa,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,KAAY,EAAE,EAAE;QACf,6BAA6B;QAC7B,IAAI,UAAU;YAAE,OAAO;QAEvB,OAAO,CAAC,IAAI,CAAC,oCAAoC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;QAElE,wBAAwB;QACxB,aAAa,CAAC,IAAI,CAAC,CAAC;QACpB,cAAc,CAAC,IAAI,CAAC,CAAC;QAErB,uBAAuB;QACvB,eAAe,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YACxC,aAAa,CAAC,KAAK,CAAC,CAAC;YACrB,aAAa,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;gBACvB,GAAG,IAAI;gBACP,SAAS,EAAE,IAAI,CAAC,SAAS,GAAG,CAAC;aAC9B,CAAC,CAAC,CAAC;QACN,CAAC,EAAE,cAAc,CAAC,CAAC;IACrB,CAAC,EACD,CAAC,aAAa,EAAE,UAAU,CAAC,CAC5B,CAAC;IAEF,OAAO;QACL,UAAU;QACV,MAAM;QACN,WAAW;QACX,UAAU;QACV,QAAQ,EAAE;YACR,WAAW,EAAE,eAAe;YAC5B,WAAW,EAAE,eAAe;YAC5B,MAAM,EAAE,UAAU;YAClB,cAAc,EAAE,kBAAkB;YAClC,iBAAiB,EAAE,qBAAqB;YACxC,OAAO,EAAE,WAAW;SACrB;KACF,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/LiveVideoPlayer/hooks/useLiveVideoPlayer.d.ts

@@ -0,0 +1,25 @@
+import { type SyncMode } from "../../../hooks/useSyncState";
+import type { LiveVideoState } from "../types";
+interface UseLiveVideoPlayerOptions {
+    id: string;
+    initialUrl?: string;
+    initialPlaying?: boolean;
+    initialVolume?: number;
+    sync?: SyncMode;
+}
+export declare const useLiveVideoPlayer: ({ id, initialUrl, initialPlaying, initialVolume, sync, }: UseLiveVideoPlayerOptions) => {
+    videoState: LiveVideoState;
+    volume: number;
+    isBuffering: boolean;
+    isRetrying: boolean;
+    handlers: {
+        onUrlChange: (newUrl: string) => void;
+        onPlayPause: () => void;
+        onStop: () => void;
+        onVolumeChange: (newVolume: number) => void;
+        onBufferingChange: (buffering: boolean) => void;
+        onError: (error: Error) => void;
+    };
+};
+export {};
+//# sourceMappingURL=useLiveVideoPlayer.d.ts.map

package/dist/components/LiveVideoPlayer/hooks/useLiveVideoPlayer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLiveVideoPlayer.d.ts","sourceRoot":"","sources":["../../../../src/components/LiveVideoPlayer/hooks/useLiveVideoPlayer.ts"],"names":[],"mappings":"AACA,OAAO,EAAgB,KAAK,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAI/C,UAAU,yBAAyB;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB;AAED,eAAO,MAAM,kBAAkB,GAAI,0DAMhC,yBAAyB;;;;;;8BAqCf,MAAM;;;oCA4BkC,MAAM;uCAIH,OAAO;yBASnD,KAAK;;CAoChB,CAAC"}

package/dist/components/LiveVideoPlayer/hooks/useLiveVideoPlayer.js

@@ -0,0 +1,97 @@
+import { useState, useCallback, useEffect, useRef } from "react";
+import { useSyncState } from "../../../hooks/useSyncState";
+const RETRY_DELAY_MS = 2000;
+export const useLiveVideoPlayer = ({ id, initialUrl, initialPlaying = false, initialVolume = 1, sync = "global", }) => {
+    const [videoState, setVideoState] = useSyncState(`live-video-${id}`, {
+        url: initialUrl,
+        playing: initialPlaying,
+        reloadKey: 0,
+    }, sync);
+    // 音量は常にローカル（個人設定）
+    const [volume, setVolume] = useState(initialVolume);
+    // バッファリング状態もローカル
+    const [isBuffering, setIsBuffering] = useState(false);
+    // リトライ状態（エラー発生時に無限自動リトライ）
+    const [isRetrying, setIsRetrying] = useState(false);
+    const retryTimeoutRef = useRef(null);
+    // コンポーネントのクリーンアップ時にタイマーをクリア
+    useEffect(() => {
+        return () => {
+            if (retryTimeoutRef.current) {
+                clearTimeout(retryTimeoutRef.current);
+            }
+        };
+    }, []);
+    const clearRetryState = useCallback(() => {
+        setIsRetrying(false);
+        if (retryTimeoutRef.current) {
+            clearTimeout(retryTimeoutRef.current);
+            retryTimeoutRef.current = null;
+        }
+    }, []);
+    const handleUrlChange = useCallback((newUrl) => {
+        setVideoState((prev) => ({
+            ...prev,
+            url: newUrl,
+            playing: !!newUrl,
+        }));
+        clearRetryState();
+    }, [setVideoState, clearRetryState]);
+    const handlePlayPause = useCallback(() => {
+        setVideoState((prev) => ({
+            ...prev,
+            playing: !prev.playing,
+        }));
+    }, [setVideoState]);
+    const handleStop = useCallback(() => {
+        setVideoState((prev) => ({
+            url: undefined,
+            playing: false,
+            reloadKey: prev.reloadKey + 1,
+        }));
+        setIsBuffering(false);
+        clearRetryState();
+    }, [setVideoState, clearRetryState]);
+    const handleVolumeChange = useCallback((newVolume) => {
+        setVolume(newVolume);
+    }, []);
+    const handleBufferingChange = useCallback((buffering) => {
+        setIsBuffering(buffering);
+        // 再生成功（バッファリング解除）時にリトライ状態をリセット
+        if (!buffering) {
+            setIsRetrying(false);
+        }
+    }, []);
+    const handleError = useCallback((error) => {
+        // リトライ中は新しいエラーを無視（タイムアウト待機中）
+        if (isRetrying)
+            return;
+        console.warn(`LiveVideoPlayer error, retrying...`, error.message);
+        // 無限リトライ（接続成功または手動停止まで）
+        setIsRetrying(true);
+        setIsBuffering(true);
+        // 遅延してリロード（セグメント生成を待つ）
+        retryTimeoutRef.current = setTimeout(() => {
+            setIsRetrying(false);
+            setVideoState((prev) => ({
+                ...prev,
+                reloadKey: prev.reloadKey + 1,
+            }));
+        }, RETRY_DELAY_MS);
+    }, [setVideoState, isRetrying]);
+    return {
+        videoState,
+        volume,
+        isBuffering,
+        isRetrying,
+        handlers: {
+            onUrlChange: handleUrlChange,
+            onPlayPause: handlePlayPause,
+            onStop: handleStop,
+            onVolumeChange: handleVolumeChange,
+            onBufferingChange: handleBufferingChange,
+            onError: handleError,
+        },
+    };
+};
+//# sourceMappingURL=useLiveVideoPlayer.js.map

package/dist/components/LiveVideoPlayer/hooks/useLiveVideoPlayer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLiveVideoPlayer.js","sourceRoot":"","sources":["../../../../src/components/LiveVideoPlayer/hooks/useLiveVideoPlayer.ts"],"names":[],"mappings":"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"}

package/dist/components/LiveVideoPlayer/index.d.ts

@@ -1,4 +1,21 @@
-import type { LiveVideoPlayerProps } from "./types";
-export type { LiveVideoPlayerProps } from "./types";
-export declare const LiveVideoPlayer: import("react").MemoExoticComponent<({ id, position, rotation, width, url: initialUrl, playing: initialPlaying, volume: initialVolume, onError, }: LiveVideoPlayerProps) => import("react/jsx-runtime").JSX.Element>;
+interface Props {
+    /** スクリーンの一意なID（必須） */
+    id: string;
+    /** スクリーンの位置 */
+    position?: [number, number, number];
+    /** スクリーンの回転 */
+    rotation?: [number, number, number];
+    /** スクリーンの幅（高さは16:9で自動計算、デフォルト: 4） */
+    width?: number;
+    /** ライブストリームのURL（HLS .m3u8 形式） */
+    url?: string;
+    /** 初期再生状態（デフォルト: false） */
+    playing?: boolean;
+    /** 初期音量 0〜1（デフォルト: 1） */
+    volume?: number;
+    /** 同期モード（デフォルト: 'global'） */
+    sync?: 'global' | 'local';
+}
+export declare const LiveVideoPlayer: import("react").MemoExoticComponent<({ id, position, rotation, width, url: initialUrl, playing: initialPlaying, volume: initialVolume, sync, }: Props) => import("react/jsx-runtime").JSX.Element>;
+export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/LiveVideoPlayer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LiveVideoPlayer/index.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEpD,YAAY,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AA+KpD,eAAO,MAAM,eAAe,qJAUvB,oBAAoB,6CAwHxB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LiveVideoPlayer/index.tsx"],"names":[],"mappings":"AAQA,UAAU,KAAK;IACb,sBAAsB;IACtB,EAAE,EAAE,MAAM,CAAA;IACV,eAAe;IACf,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;IACnC,eAAe;IACf,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;IACnC,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iCAAiC;IACjC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,2BAA2B;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,yBAAyB;IACzB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,6BAA6B;IAC7B,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;CAC1B;AAMD,eAAO,MAAM,eAAe,kJAUvB,KAAK,6CA0GT,CAAC"}

package/dist/components/LiveVideoPlayer/index.js

@@ -1,141 +1,24 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { memo, Suspense, useState, useCallback, useEffect, useRef, Component, } from "react";
-import { useVideoTexture, Text } from "@react-three/drei";
-import { ControlPanel } from "./ControlPanel";
-import { useWebAudioVolume } from "../../hooks/useWebAudioVolume";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, Suspense } from "react";
+import { Text } from "@react-three/drei";
+import { ControlPanel } from "./components/ControlPanel";
+import { LiveVideoTexture } from "./components/LiveVideoTexture";
+import { ErrorBoundary } from "../commons/ErrorBoundary";
+import { PlaceholderScreen } from "../commons/PlaceholderScreen";
+import { useLiveVideoPlayer } from "./hooks/useLiveVideoPlayer";
 const DEFAULT_POSITION = [0, 2, -5];
 const DEFAULT_ROTATION = [0, 0, 0];
 const DEFAULT_WIDTH = 4;
-class VideoErrorBoundary extends Component {
-    constructor(props) {
-        super(props);
-        this.state = { hasError: false };
-    }
-    static getDerivedStateFromError() {
-        return { hasError: true };
-    }
-    componentDidCatch(error) {
-        console.error("Video load error:", error);
-        this.props.onError?.(error);
-    }
-    render() {
-        if (this.state.hasError) {
-            return this.props.fallback;
-        }
-        return this.props.children;
-    }
-}
-/** 動画テクスチャを表示するコンポーネント（Suspense内で使用） */
-const VideoTexture = memo(({ url, cacheKey, width, screenHeight, playing, volume, onError, onBufferingChange, }) => {
-    // suspend-reactのキャッシュを無効化するためにURLにcacheKeyを付与
-    const urlWithCacheKey = `${url}${url.includes("?") ? "&" : "?"}_ck=${cacheKey}`;
-    const texture = useVideoTexture(urlWithCacheKey, {
-        muted: false,
-        loop: false,
-        start: playing,
+export const LiveVideoPlayer = memo(({ id, position = DEFAULT_POSITION, rotation = DEFAULT_ROTATION, width = DEFAULT_WIDTH, url: initialUrl, playing: initialPlaying = false, volume: initialVolume = 1, sync = "global", }) => {
+    const { videoState, volume, isBuffering, isRetrying, handlers, } = useLiveVideoPlayer({
+        id,
+        initialUrl,
+        initialPlaying,
+        initialVolume,
+        sync,
     });
-    const videoRef = useRef(texture.image);
-    useEffect(() => {
-        videoRef.current = texture.image;
-    }, [texture]);
-    useEffect(() => {
-        const video = videoRef.current;
-        if (!video)
-            return;
-        if (playing) {
-            video.play().catch((err) => {
-                console.error("Live video play error:", err);
-                onError?.(err);
-            });
-        }
-        else {
-            video.pause();
-        }
-    }, [playing, onError, texture]);
-    // Web Audio API を使用した音量制御（iOS対応）
-    useWebAudioVolume(videoRef.current, volume);
-    useEffect(() => {
-        const video = videoRef.current;
-        if (!video)
-            return;
-        const handleWaiting = () => onBufferingChange(true);
-        const handlePlaying = () => onBufferingChange(false);
-        const handleCanPlay = () => onBufferingChange(false);
-        const handleError = (e) => {
-            const error = e.target.error;
-            if (error) {
-                console.error("Live video error:", error.message);
-                onError?.(new Error(error.message));
-            }
-        };
-        video.addEventListener("waiting", handleWaiting);
-        video.addEventListener("playing", handlePlaying);
-        video.addEventListener("canplay", handleCanPlay);
-        video.addEventListener("error", handleError);
-        return () => {
-            video.removeEventListener("waiting", handleWaiting);
-            video.removeEventListener("playing", handlePlaying);
-            video.removeEventListener("canplay", handleCanPlay);
-            video.removeEventListener("error", handleError);
-        };
-    }, [texture, onError, onBufferingChange]);
-    useEffect(() => {
-        const video = texture.image;
-        return () => {
-            // 再生を停止
-            video.pause();
-            // ソースを完全にクリア
-            video.src = "";
-            video.removeAttribute("src");
-            video.srcObject = null;
-            // MediaSourceをリリースするためにloadを呼び出し
-            video.load();
-            // テクスチャを破棄
-            texture.dispose();
-        };
-    }, [texture]);
-    return (_jsxs("mesh", { children: [_jsx("planeGeometry", { args: [width, screenHeight] }), _jsx("meshBasicMaterial", { map: texture, toneMapped: false })] }));
-});
-VideoTexture.displayName = "VideoTexture";
-/** プレースホルダー画面（読み込み中/エラー時/URL未設定時） */
-const PlaceholderScreen = memo(({ width, screenHeight, color, }) => (_jsxs("mesh", { children: [_jsx("planeGeometry", { args: [width, screenHeight] }), _jsx("meshBasicMaterial", { color: color })] })));
-PlaceholderScreen.displayName = "PlaceholderScreen";
-export const LiveVideoPlayer = memo(({ id, position = DEFAULT_POSITION, rotation = DEFAULT_ROTATION, width = DEFAULT_WIDTH, url: initialUrl, playing: initialPlaying = false, volume: initialVolume = 1, onError, }) => {
-    const [currentUrl, setCurrentUrl] = useState(initialUrl);
-    const [playing, setPlaying] = useState(initialPlaying);
-    const [volume, setVolume] = useState(initialVolume);
-    const [isBuffering, setIsBuffering] = useState(false);
-    const [hasError, setHasError] = useState(false);
-    const [reloadKey, setReloadKey] = useState(0);
     const screenHeight = width * (9 / 16);
-    const handleUrlChange = useCallback((newUrl) => {
-        setCurrentUrl(newUrl);
-        setHasError(false);
-        if (newUrl) {
-            setPlaying(true);
-        }
-    }, []);
-    const handlePlayPause = useCallback(() => {
-        setPlaying((prev) => !prev);
-    }, []);
-    const handleStop = useCallback(() => {
-        setCurrentUrl(undefined);
-        setPlaying(false);
-        setIsBuffering(false);
-        setHasError(false);
-        setReloadKey((prev) => prev + 1);
-    }, []);
-    const handleVolumeChange = useCallback((newVolume) => {
-        setVolume(newVolume);
-    }, []);
-    const handleBufferingChange = useCallback((buffering) => {
-        setIsBuffering(buffering);
-    }, []);
-    const handleError = useCallback((error) => {
-        setHasError(true);
-        onError?.(error);
-    }, [onError]);
-    return (_jsxs("group", { position: position, rotation: rotation, children: [!currentUrl || hasError ? (_jsxs(_Fragment, { children: [_jsx(PlaceholderScreen, { width: width, screenHeight: screenHeight, color: "#000000" }), !currentUrl && (_jsx(Text, { position: [0, 0, 0.01], fontSize: width * 0.05, color: "#666666", anchorX: "center", anchorY: "middle", textAlign: "center", children: `ライブストリームURLを入力\nHLS .m3u8 形式` }))] })) : (_jsx(VideoErrorBoundary, { fallback: _jsx(PlaceholderScreen, { width: width, screenHeight: screenHeight, color: "#000000" }), onError: handleError, children: _jsx(Suspense, { fallback: _jsx(PlaceholderScreen, { width: width, screenHeight: screenHeight, color: "#333333" }), children: _jsx(VideoTexture, { url: currentUrl, cacheKey: reloadKey, width: width, screenHeight: screenHeight, playing: playing, volume: volume, onError: handleError, onBufferingChange: handleBufferingChange }, `${currentUrl}-${reloadKey}`) }) })), _jsx(ControlPanel, { id: id, width: width, screenHeight: screenHeight, playing: playing, volume: volume, isBuffering: isBuffering, currentUrl: currentUrl || "", onPlayPause: handlePlayPause, onStop: handleStop, onVolumeChange: handleVolumeChange, onUrlChange: handleUrlChange })] }));
+    return (_jsxs("group", { position: position, rotation: rotation, children: [!videoState.url || isRetrying ? (_jsxs(_Fragment, { children: [_jsx(PlaceholderScreen, { width: width, screenHeight: screenHeight, color: "#000000" }), !videoState.url && !isRetrying && (_jsx(Text, { position: [0, 0, 0.01], fontSize: width * 0.05, color: "#666666", anchorX: "center", anchorY: "middle", textAlign: "center", children: `ライブストリームURLを入力\nHLS .m3u8 形式` }))] })) : (_jsx(ErrorBoundary, { fallback: _jsx(PlaceholderScreen, { width: width, screenHeight: screenHeight, color: "#000000" }), onError: handlers.onError, children: _jsx(Suspense, { fallback: _jsx(PlaceholderScreen, { width: width, screenHeight: screenHeight, color: "#333333" }), children: _jsx(LiveVideoTexture, { url: videoState.url, cacheKey: videoState.reloadKey, width: width, height: screenHeight, playing: videoState.playing, volume: volume, onError: handlers.onError, onBufferingChange: handlers.onBufferingChange }) }) }, `error-boundary-${videoState.url}-${videoState.reloadKey}`)), isRetrying && (_jsx(Text, { position: [0, 0, 0.02], fontSize: width * 0.04, color: "#ffcc00", anchorX: "center", anchorY: "middle", textAlign: "center", children: "\u518D\u63A5\u7D9A\u4E2D..." })), _jsx(ControlPanel, { id: id, width: width, screenHeight: screenHeight, playing: videoState.playing, volume: volume, isBuffering: isBuffering, url: videoState.url || "", onPlayPause: handlers.onPlayPause, onStop: handlers.onStop, onVolumeChange: handlers.onVolumeChange, onUrlChange: handlers.onUrlChange })] }));
 });
 LiveVideoPlayer.displayName = "LiveVideoPlayer";
 //# sourceMappingURL=index.js.map

package/dist/components/LiveVideoPlayer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/LiveVideoPlayer/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/LiveVideoPlayer/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/LiveVideoPlayer/types.d.ts

@@ -1,70 +1,10 @@
-export interface LiveVideoPlayerProps {
-    /** スクリーンの一意なID（必須） */
-    id: string;
-    /** スクリーンの位置 */
-    position?: [number, number, number];
-    /** スクリーンの回転 */
-    rotation?: [number, number, number];
-    /** スクリーンの幅（高さは16:9で自動計算、デフォルト: 4） */
-    width?: number;
-    /** ライブストリームのURL（HLS .m3u8 形式） */
+/** LiveVideoPlayerの同期状態 */
+export interface LiveVideoState {
+    /** 再生中のURL */
     url?: string;
-    /** 初期再生状態（デフォルト: false） */
-    playing?: boolean;
-    /** 初期音量 0〜1（デフォルト: 1） */
-    volume?: number;
-    /** 同期モード（デフォルト: 'global'） */
-    sync?: 'global' | 'local';
-    /** エラー発生時のコールバック */
-    onError?: (error: Error) => void;
-}
-export interface LiveControlPanelProps {
-    id: string;
-    width: number;
-    screenHeight: number;
-    playing: boolean;
-    volume: number;
-    isBuffering: boolean;
-    currentUrl: string;
-    onPlayPause: () => void;
-    onStop: () => void;
-    onVolumeChange: (volume: number) => void;
-    onUrlChange: (url: string) => void;
-}
-export interface PlayPauseButtonProps {
-    id: string;
-    position: [number, number, number];
-    size: number;
+    /** 再生中かどうか */
     playing: boolean;
-    onInteract: () => void;
-}
-export interface VolumeControlProps {
-    id: string;
-    position: [number, number, number];
-    size: number;
-    volume: number;
-    onVolumeChange: (volume: number) => void;
-}
-export interface LiveIndicatorProps {
-    position: [number, number, number];
-    size: number;
-    playing: boolean;
-}
-export interface LoadingSpinnerProps {
-    position: [number, number, number];
-    size: number;
-}
-export interface UrlInputButtonProps {
-    id: string;
-    position: [number, number, number];
-    size: number;
-    currentUrl: string;
-    onUrlChange: (url: string) => void;
-}
-export interface StopButtonProps {
-    id: string;
-    position: [number, number, number];
-    size: number;
-    onInteract: () => void;
+    /** キャッシュバスター用キー */
+    reloadKey: number;
 }
 //# sourceMappingURL=types.d.ts.map