@xrift/world-components 0.21.13 → 0.22.0

package/dist/components/LiveVideoPlayer/components/ControlPanel/LiveIndicator.d.ts

@@ -0,0 +1,8 @@
+interface Props {
+    position: [number, number, number];
+    size: number;
+    playing: boolean;
+}
+export declare const LiveIndicator: import("react").MemoExoticComponent<({ position, size, playing }: Props) => import("react/jsx-runtime").JSX.Element>;
+export {};
+//# sourceMappingURL=LiveIndicator.d.ts.map

package/dist/components/LiveVideoPlayer/components/ControlPanel/LiveIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LiveIndicator.d.ts","sourceRoot":"","sources":["../../../../../src/components/LiveVideoPlayer/components/ControlPanel/LiveIndicator.tsx"],"names":[],"mappings":"AAGA,UAAU,KAAK;IACb,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;IAClC,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,OAAO,CAAA;CACjB;AAED,eAAO,MAAM,aAAa,oEAAsC,KAAK,6CAuBnE,CAAA"}

package/dist/components/LiveVideoPlayer/{LiveIndicator.js → components/ControlPanel/LiveIndicator.js}

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo } from "react";
-import { Text } from "@react-three/drei";
+import { memo } from 'react';
+import { Text } from '@react-three/drei';
 export const LiveIndicator = memo(({ position, size, playing }) => {
     const dotSize = size * 0.15;
     const fontSize = size * 0.4;
-    const dotColor = playing ? "#ff0000" : "#666666";
-    return (_jsxs("group", { position: position, children: [_jsxs("mesh", { position: [-size * 0.5, 0, 0], children: [_jsx("circleGeometry", { args: [dotSize, 16] }), _jsx("meshBasicMaterial", { color: dotColor }, playing ? "playing" : "paused")] }), _jsx(Text, { position: [size * 0.15, 0, 0], fontSize: fontSize, color: "#ffffff", anchorX: "center", anchorY: "middle", fontWeight: "bold", children: "LIVE" })] }));
+    const dotColor = playing ? '#ff0000' : '#666666';
+    return (_jsxs("group", { position: position, children: [_jsxs("mesh", { position: [-size * 0.5, 0, 0], children: [_jsx("circleGeometry", { args: [dotSize, 16] }), _jsx("meshBasicMaterial", { color: dotColor }, playing ? 'playing' : 'paused')] }), _jsx(Text, { position: [size * 0.15, 0, 0], fontSize: fontSize, color: "#ffffff", anchorX: "center", anchorY: "middle", fontWeight: "bold", children: "LIVE" })] }));
 });
-LiveIndicator.displayName = "LiveIndicator";
+LiveIndicator.displayName = 'LiveIndicator';
 //# sourceMappingURL=LiveIndicator.js.map

package/dist/components/LiveVideoPlayer/components/ControlPanel/LiveIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LiveIndicator.js","sourceRoot":"","sources":["../../../../../src/components/LiveVideoPlayer/components/ControlPanel/LiveIndicator.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAC5B,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AAQxC,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAS,EAAE,EAAE;IACvE,MAAM,OAAO,GAAG,IAAI,GAAG,IAAI,CAAA;IAC3B,MAAM,QAAQ,GAAG,IAAI,GAAG,GAAG,CAAA;IAC3B,MAAM,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAA;IAEhD,OAAO,CACL,iBAAO,QAAQ,EAAE,QAAQ,aACvB,gBAAM,QAAQ,EAAE,CAAC,CAAC,IAAI,GAAG,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC,aACjC,yBAAgB,IAAI,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,GAAI,EACvC,4BAAwD,KAAK,EAAE,QAAQ,IAA/C,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAqB,IACtE,EACP,KAAC,IAAI,IACH,QAAQ,EAAE,CAAC,IAAI,GAAG,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,EAC7B,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAC,SAAS,EACf,OAAO,EAAC,QAAQ,EAChB,OAAO,EAAC,QAAQ,EAChB,UAAU,EAAC,MAAM,qBAGZ,IACD,CACT,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA"}

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

@@ -0,0 +1,16 @@
+interface Props {
+    id: string;
+    width: number;
+    screenHeight: number;
+    playing: boolean;
+    volume: number;
+    isBuffering: boolean;
+    url: string;
+    onPlayPause: () => void;
+    onStop: () => void;
+    onVolumeChange: (volume: number) => void;
+    onUrlChange: (url: string) => void;
+}
+export declare const ControlPanel: import("react").MemoExoticComponent<({ id, width, screenHeight, playing, volume, isBuffering, url, onPlayPause, onStop, onVolumeChange, onUrlChange, }: Props) => import("react/jsx-runtime").JSX.Element>;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/LiveVideoPlayer/components/ControlPanel/index.tsx"],"names":[],"mappings":"AAOA,UAAU,KAAK;IACb,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,EAAE,MAAM,CAAA;IACpB,OAAO,EAAE,OAAO,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,WAAW,EAAE,OAAO,CAAA;IACpB,GAAG,EAAE,MAAM,CAAA;IACX,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC;AAKD,eAAO,MAAM,YAAY,0JAapB,KAAK,6CAmFT,CAAA"}

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

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useCallback } from 'react';
+import { Text } from '@react-three/drei';
+import { IconButton } from '../../../commons/IconButton';
+import { VolumeControl } from '../../../commons/VolumeControl';
+import { useTextInputContext } from '../../../../contexts/TextInputContext';
+import { LiveIndicator } from './LiveIndicator';
+const PANEL_HEIGHT = 0.15;
+const BUTTON_SIZE = PANEL_HEIGHT * 0.6;
+export const ControlPanel = memo(({ id, width, screenHeight, playing, volume, isBuffering, url, onPlayPause, onStop, onVolumeChange, onUrlChange, }) => {
+    const panelY = -screenHeight / 2 - PANEL_HEIGHT / 2;
+    const { requestTextInput } = useTextInputContext();
+    const handleUrlInput = useCallback(() => {
+        requestTextInput({
+            id: `${id}-url-input`,
+            placeholder: 'ライブストリームのURLを入力',
+            initialValue: url,
+            onSubmit: (value) => {
+                if (value && value.trim() !== '') {
+                    onUrlChange(value.trim());
+                }
+            },
+        });
+    }, [id, url, onUrlChange, requestTextInput]);
+    return (_jsxs("group", { position: [0, panelY, 0], children: [_jsxs("mesh", { position: [0, 0, 0], children: [_jsx("planeGeometry", { args: [width, PANEL_HEIGHT] }), _jsx("meshBasicMaterial", { color: "#1a1a2a", transparent: true, opacity: 0.9 })] }), _jsx(IconButton, { id: `${id}-url-input`, position: [-width * 0.45, 0, 0.01], size: BUTTON_SIZE, icon: "\uD83D\uDD17", interactionText: "URL\u5909\u66F4", onInteract: handleUrlInput }), _jsx(IconButton, { id: `${id}-play-pause`, position: [-width * 0.38, 0, 0.01], size: BUTTON_SIZE, icon: playing ? "||" : "▶", interactionText: playing ? "一時停止" : "再生", onInteract: onPlayPause }), _jsx(IconButton, { id: `${id}-stop`, position: [-width * 0.31, 0, 0.01], size: BUTTON_SIZE, icon: "\u25A0", interactionText: "\u505C\u6B62", onInteract: onStop }), _jsx(LiveIndicator, { position: [0, 0, 0.01], size: BUTTON_SIZE, playing: playing }), isBuffering && (_jsx(Text, { position: [0, -0.04, 0.01], fontSize: 0.02, color: "#aaaaaa", anchorX: "center", anchorY: "middle", children: "\u8AAD\u307F\u8FBC\u307F\u4E2D..." })), _jsx(VolumeControl, { id: `${id}-volume`, position: [width * 0.4, 0, 0.01], size: BUTTON_SIZE, volume: volume, onVolumeChange: onVolumeChange })] }));
+});
+ControlPanel.displayName = 'ControlPanel';
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,14 @@
+interface Props {
+    url: string;
+    cacheKey: number;
+    width: number;
+    height: number;
+    playing: boolean;
+    volume: number;
+    onError?: (error: Error) => void;
+    onBufferingChange: (buffering: boolean) => void;
+}
+/** ライブ動画テクスチャ（Suspense内で使用） */
+export declare const LiveVideoTexture: import("react").MemoExoticComponent<({ url, cacheKey, width, height, playing, volume, onError, onBufferingChange, }: Props) => import("react/jsx-runtime").JSX.Element>;
+export {};
+//# sourceMappingURL=LiveVideoTexture.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LiveVideoTexture.d.ts","sourceRoot":"","sources":["../../../../src/components/LiveVideoPlayer/components/LiveVideoTexture.tsx"],"names":[],"mappings":"AAIA,UAAU,KAAK;IACb,GAAG,EAAE,MAAM,CAAA;IACX,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,OAAO,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IAChC,iBAAiB,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;CAChD;AAED,+BAA+B;AAC/B,eAAO,MAAM,gBAAgB,uHAUxB,KAAK,6CAYT,CAAA"}

package/dist/components/LiveVideoPlayer/components/LiveVideoTexture.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo } from 'react';
+import { useHlsVideo } from '../hooks/useHlsVideo';
+import { VideoMesh } from '../../commons/VideoMesh';
+/** ライブ動画テクスチャ（Suspense内で使用） */
+export const LiveVideoTexture = memo(({ url, cacheKey, width, height, playing, volume, onError, onBufferingChange, }) => {
+    const { texture } = useHlsVideo({
+        url,
+        cacheKey,
+        playing,
+        volume,
+        onError,
+        onBufferingChange,
+    });
+    return _jsx(VideoMesh, { texture: texture, width: width, height: height });
+});
+LiveVideoTexture.displayName = 'LiveVideoTexture';
+//# sourceMappingURL=LiveVideoTexture.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LiveVideoTexture.js","sourceRoot":"","sources":["../../../../src/components/LiveVideoPlayer/components/LiveVideoTexture.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAC5B,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AAanD,+BAA+B;AAC/B,MAAM,CAAC,MAAM,gBAAgB,GAAG,IAAI,CAClC,CAAC,EACC,GAAG,EACH,QAAQ,EACR,KAAK,EACL,MAAM,EACN,OAAO,EACP,MAAM,EACN,OAAO,EACP,iBAAiB,GACX,EAAE,EAAE;IACV,MAAM,EAAE,OAAO,EAAE,GAAG,WAAW,CAAC;QAC9B,GAAG;QACH,QAAQ;QACR,OAAO;QACP,MAAM;QACN,OAAO;QACP,iBAAiB;KAClB,CAAC,CAAA;IAEF,OAAO,KAAC,SAAS,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,GAAI,CAAA;AACtE,CAAC,CACF,CAAA;AAED,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAA"}

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

@@ -0,0 +1,3 @@
+export { ControlPanel } from "./ControlPanel";
+export { LiveVideoTexture } from "./LiveVideoTexture";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/LiveVideoPlayer/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC"}

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

@@ -0,0 +1,3 @@
+export { ControlPanel } from "./ControlPanel";
+export { LiveVideoTexture } from "./LiveVideoTexture";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/LiveVideoPlayer/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/LiveVideoPlayer/hooks/useHlsVideo/__tests__/utils.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=utils.test.d.ts.map

package/dist/components/LiveVideoPlayer/hooks/useHlsVideo/__tests__/utils.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.test.d.ts","sourceRoot":"","sources":["../../../../../../src/components/LiveVideoPlayer/hooks/useHlsVideo/__tests__/utils.test.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,196 @@
+/**
+ * @vitest-environment jsdom
+ */
+import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest';
+import { isHlsUrl, appendCacheKey, canPlayHlsNatively, createVideoTexture } from '../utils';
+describe('isHlsUrl', () => {
+    it('.m3u8 を含む URL は true', () => {
+        expect(isHlsUrl('https://example.com/video.m3u8')).toBe(true);
+    });
+    it('.m3u8 をクエリパラメータ前に含む URL は true', () => {
+        expect(isHlsUrl('https://example.com/video.m3u8?token=abc')).toBe(true);
+    });
+    it('application/vnd.apple.mpegurl を含む URL は true', () => {
+        expect(isHlsUrl('https://example.com/video?type=application/vnd.apple.mpegurl')).toBe(true);
+    });
+    it('.mp4 URL は false', () => {
+        expect(isHlsUrl('https://example.com/video.mp4')).toBe(false);
+    });
+    it('.webm URL は false', () => {
+        expect(isHlsUrl('https://example.com/video.webm')).toBe(false);
+    });
+    it('空文字は false', () => {
+        expect(isHlsUrl('')).toBe(false);
+    });
+});
+describe('appendCacheKey', () => {
+    it('クエリパラメータがない URL に _ck を追加', () => {
+        expect(appendCacheKey('https://example.com/video.m3u8', 123)).toBe('https://example.com/video.m3u8?_ck=123');
+    });
+    it('既存のクエリパラメータがある URL に _ck を追加', () => {
+        expect(appendCacheKey('https://example.com/video.m3u8?token=abc', 456)).toBe('https://example.com/video.m3u8?token=abc&_ck=456');
+    });
+    it('cacheKey が 0 の場合も正しく追加', () => {
+        expect(appendCacheKey('https://example.com/video.m3u8', 0)).toBe('https://example.com/video.m3u8?_ck=0');
+    });
+});
+describe('canPlayHlsNatively', () => {
+    it('video.canPlayType が空文字を返す場合は false', () => {
+        const originalCreateElement = document.createElement.bind(document);
+        vi.spyOn(document, 'createElement').mockImplementation((tagName) => {
+            const element = originalCreateElement(tagName);
+            if (tagName === 'video') {
+                vi.spyOn(element, 'canPlayType').mockReturnValue('');
+            }
+            return element;
+        });
+        expect(canPlayHlsNatively()).toBe(false);
+        vi.restoreAllMocks();
+    });
+    it('video.canPlayType が "maybe" を返す場合は true', () => {
+        const originalCreateElement = document.createElement.bind(document);
+        vi.spyOn(document, 'createElement').mockImplementation((tagName) => {
+            const element = originalCreateElement(tagName);
+            if (tagName === 'video') {
+                vi.spyOn(element, 'canPlayType').mockReturnValue('maybe');
+            }
+            return element;
+        });
+        expect(canPlayHlsNatively()).toBe(true);
+        vi.restoreAllMocks();
+    });
+    it('video.canPlayType が "probably" を返す場合は true', () => {
+        const originalCreateElement = document.createElement.bind(document);
+        vi.spyOn(document, 'createElement').mockImplementation((tagName) => {
+            const element = originalCreateElement(tagName);
+            if (tagName === 'video') {
+                vi.spyOn(element, 'canPlayType').mockReturnValue('probably');
+            }
+            return element;
+        });
+        expect(canPlayHlsNatively()).toBe(true);
+        vi.restoreAllMocks();
+    });
+});
+describe('createVideoTexture', () => {
+    it('video 要素と VideoTexture を返す', () => {
+        const result = createVideoTexture();
+        expect(result.video).toBeInstanceOf(HTMLVideoElement);
+        expect(result.texture).toBeDefined();
+    });
+    it('video 要素に正しい属性が設定される', () => {
+        const { video } = createVideoTexture();
+        expect(video.crossOrigin).toBe('anonymous');
+        expect(video.playsInline).toBe(true);
+        expect(video.muted).toBe(false);
+    });
+    it('texture に正しいフィルター設定がされる', () => {
+        const { texture } = createVideoTexture();
+        // LinearFilter = 1006 in Three.js
+        expect(texture.minFilter).toBe(1006);
+        expect(texture.magFilter).toBe(1006);
+    });
+});
+describe('createHlsPlayer', () => {
+    beforeEach(() => {
+        vi.resetModules();
+    });
+    afterEach(() => {
+        vi.restoreAllMocks();
+    });
+    it('hls.js がサポートされている場合は HlsJsPlayer を返す', async () => {
+        vi.doMock('hls.js', () => {
+            var _a;
+            return ({
+                default: (_a = class MockHls {
+                        constructor() {
+                            this.on = vi.fn();
+                            this.attachMedia = vi.fn();
+                            this.loadSource = vi.fn();
+                            this.destroy = vi.fn();
+                        }
+                    },
+                    _a.isSupported = () => true,
+                    _a.Events = {
+                        ERROR: 'hlsError',
+                        FRAG_BUFFERED: 'hlsFragBuffered',
+                        MANIFEST_PARSED: 'hlsManifestParsed',
+                    },
+                    _a.ErrorTypes = {
+                        MEDIA_ERROR: 'mediaError',
+                        NETWORK_ERROR: 'networkError',
+                    },
+                    _a),
+            });
+        });
+        const { createHlsPlayer } = await import('../utils');
+        const { RecoveryTracker } = await import('../classes/RecoveryTracker');
+        const result = await createHlsPlayer({
+            video: document.createElement('video'),
+            tracker: new RecoveryTracker(),
+            callbacks: {},
+        });
+        expect(result.type).toBe('hlsjs');
+        expect(result.player).not.toBeNull();
+    });
+    it('hls.js がサポートされていない & ネイティブ HLS 対応の場合は NativeHlsPlayer を返す', async () => {
+        vi.doMock('hls.js', () => {
+            var _a;
+            return ({
+                default: (_a = class MockHls {
+                    },
+                    _a.isSupported = () => false,
+                    _a),
+            });
+        });
+        const originalCreateElement = document.createElement.bind(document);
+        vi.spyOn(document, 'createElement').mockImplementation((tagName) => {
+            const element = originalCreateElement(tagName);
+            if (tagName === 'video') {
+                vi.spyOn(element, 'canPlayType').mockReturnValue('maybe');
+            }
+            return element;
+        });
+        const { createHlsPlayer } = await import('../utils');
+        const { RecoveryTracker } = await import('../classes/RecoveryTracker');
+        const result = await createHlsPlayer({
+            video: document.createElement('video'),
+            tracker: new RecoveryTracker(),
+            callbacks: {},
+        });
+        expect(result.type).toBe('native');
+        expect(result.player).not.toBeNull();
+    });
+    it('どちらもサポートされていない場合は unsupported を返す', async () => {
+        vi.doMock('hls.js', () => {
+            var _a;
+            return ({
+                default: (_a = class MockHls {
+                    },
+                    _a.isSupported = () => false,
+                    _a),
+            });
+        });
+        const originalCreateElement = document.createElement.bind(document);
+        vi.spyOn(document, 'createElement').mockImplementation((tagName) => {
+            const element = originalCreateElement(tagName);
+            if (tagName === 'video') {
+                vi.spyOn(element, 'canPlayType').mockReturnValue('');
+            }
+            return element;
+        });
+        const { createHlsPlayer } = await import('../utils');
+        const { RecoveryTracker } = await import('../classes/RecoveryTracker');
+        const result = await createHlsPlayer({
+            video: document.createElement('video'),
+            tracker: new RecoveryTracker(),
+            callbacks: {},
+        });
+        expect(result.type).toBe('unsupported');
+        expect(result.player).toBeNull();
+        if (result.type === 'unsupported') {
+            expect(result.error).toBeInstanceOf(Error);
+        }
+    });
+});
+//# sourceMappingURL=utils.test.js.map

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

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

package/dist/components/LiveVideoPlayer/hooks/useHlsVideo/classes/HlsJsPlayer.d.ts

@@ -0,0 +1,17 @@
+import type Hls from 'hls.js';
+import type { HlsPlayerStrategy, HlsPlayerOptions } from '../types';
+/** hls.js を使用した HLS プレイヤー */
+export declare class HlsJsPlayer implements HlsPlayerStrategy {
+    private hls;
+    private video;
+    private tracker;
+    private callbacks;
+    constructor(HlsClass: typeof Hls, options: HlsPlayerOptions);
+    private setupEventListeners;
+    load(url: string): void;
+    destroy(): void;
+    attemptRecovery(): boolean;
+    /** hls.js インスタンスへの参照を取得 */
+    get instance(): Hls;
+}
+//# sourceMappingURL=HlsJsPlayer.d.ts.map

package/dist/components/LiveVideoPlayer/hooks/useHlsVideo/classes/HlsJsPlayer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HlsJsPlayer.d.ts","sourceRoot":"","sources":["../../../../../../src/components/LiveVideoPlayer/hooks/useHlsVideo/classes/HlsJsPlayer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,GAAG,MAAM,QAAQ,CAAA;AAC7B,OAAO,KAAK,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAEnE,6BAA6B;AAC7B,qBAAa,WAAY,YAAW,iBAAiB;IACnD,OAAO,CAAC,GAAG,CAAK;IAChB,OAAO,CAAC,KAAK,CAAkB;IAC/B,OAAO,CAAC,OAAO,CAA6B;IAC5C,OAAO,CAAC,SAAS,CAA+B;gBAEpC,QAAQ,EAAE,OAAO,GAAG,EAAE,OAAO,EAAE,gBAAgB;IAgB3D,OAAO,CAAC,mBAAmB;IAqC3B,IAAI,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAIvB,OAAO,IAAI,IAAI;IAKf,eAAe,IAAI,OAAO;IAc1B,2BAA2B;IAC3B,IAAI,QAAQ,IAAI,GAAG,CAElB;CACF"}

package/dist/components/LiveVideoPlayer/hooks/useHlsVideo/classes/HlsJsPlayer.js

@@ -0,0 +1,73 @@
+/** hls.js を使用した HLS プレイヤー */
+export class HlsJsPlayer {
+    constructor(HlsClass, options) {
+        this.video = options.video;
+        this.tracker = options.tracker;
+        this.callbacks = options.callbacks;
+        this.hls = new HlsClass({
+            enableWorker: true,
+            lowLatencyMode: true,
+        });
+        this.setupEventListeners(HlsClass);
+        this.hls.attachMedia(this.video);
+        console.log('[HlsJsPlayer] Initialized');
+    }
+    setupEventListeners(HlsClass) {
+        const { onError, onBufferingChange, onManifestParsed } = this.callbacks;
+        this.hls.on(HlsClass.Events.ERROR, (_event, data) => {
+            if (!data.fatal) {
+                console.log('[HlsJsPlayer] Non-fatal error:', data.details);
+                return;
+            }
+            console.warn('[HlsJsPlayer] Fatal error:', data.type, data.details);
+            if (data.type === HlsClass.ErrorTypes.MEDIA_ERROR) {
+                const recovered = this.attemptRecovery();
+                if (!recovered && !this.tracker.isErrorReported) {
+                    this.tracker.markErrorReported();
+                    onError?.(new Error(`HLS media error: ${data.details}`));
+                }
+            }
+            else if (data.type === HlsClass.ErrorTypes.NETWORK_ERROR) {
+                console.log('[HlsJsPlayer] Network error, restarting load...');
+                this.hls.startLoad();
+            }
+            else {
+                if (!this.tracker.isErrorReported) {
+                    this.tracker.markErrorReported();
+                    onError?.(new Error(`HLS error: ${data.type} - ${data.details}`));
+                }
+            }
+        });
+        this.hls.on(HlsClass.Events.FRAG_BUFFERED, () => {
+            onBufferingChange?.(false);
+        });
+        this.hls.on(HlsClass.Events.MANIFEST_PARSED, () => {
+            onManifestParsed?.();
+        });
+    }
+    load(url) {
+        this.hls.loadSource(url);
+    }
+    destroy() {
+        this.hls.destroy();
+        console.log('[HlsJsPlayer] Destroyed');
+    }
+    attemptRecovery() {
+        if (!this.tracker.shouldAttemptRecovery()) {
+            return false;
+        }
+        try {
+            this.hls.recoverMediaError();
+            return true;
+        }
+        catch (e) {
+            console.error('[HlsJsPlayer] recoverMediaError() failed:', e);
+            return false;
+        }
+    }
+    /** hls.js インスタンスへの参照を取得 */
+    get instance() {
+        return this.hls;
+    }
+}
+//# sourceMappingURL=HlsJsPlayer.js.map

package/dist/components/LiveVideoPlayer/hooks/useHlsVideo/classes/HlsJsPlayer.js.map

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

package/dist/components/LiveVideoPlayer/hooks/useHlsVideo/classes/NativeHlsPlayer.d.ts

@@ -0,0 +1,14 @@
+import type { HlsPlayerStrategy, HlsPlayerOptions } from '../types';
+/** ブラウザネイティブの HLS 再生を使用するプレイヤー（主に Safari 向け） */
+export declare class NativeHlsPlayer implements HlsPlayerStrategy {
+    private video;
+    private tracker;
+    private callbacks;
+    private handleError;
+    constructor(options: HlsPlayerOptions);
+    private onError;
+    load(url: string): void;
+    destroy(): void;
+    attemptRecovery(): boolean;
+}
+//# sourceMappingURL=NativeHlsPlayer.d.ts.map

package/dist/components/LiveVideoPlayer/hooks/useHlsVideo/classes/NativeHlsPlayer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeHlsPlayer.d.ts","sourceRoot":"","sources":["../../../../../../src/components/LiveVideoPlayer/hooks/useHlsVideo/classes/NativeHlsPlayer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAKnE,gDAAgD;AAChD,qBAAa,eAAgB,YAAW,iBAAiB;IACvD,OAAO,CAAC,KAAK,CAAkB;IAC/B,OAAO,CAAC,OAAO,CAA6B;IAC5C,OAAO,CAAC,SAAS,CAA+B;IAChD,OAAO,CAAC,WAAW,CAAY;gBAEnB,OAAO,EAAE,gBAAgB;IAWrC,OAAO,CAAC,OAAO;IAmBf,IAAI,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAIvB,OAAO,IAAI,IAAI;IAKf,eAAe,IAAI,OAAO;CAU3B"}

package/dist/components/LiveVideoPlayer/hooks/useHlsVideo/classes/NativeHlsPlayer.js

@@ -0,0 +1,46 @@
+// MediaError.MEDIA_ERR_DECODE の値（テスト環境での互換性のため直接定義）
+const MEDIA_ERR_DECODE = 3;
+/** ブラウザネイティブの HLS 再生を使用するプレイヤー（主に Safari 向け） */
+export class NativeHlsPlayer {
+    constructor(options) {
+        this.video = options.video;
+        this.tracker = options.tracker;
+        this.callbacks = options.callbacks;
+        this.handleError = this.onError.bind(this);
+        this.video.addEventListener('error', this.handleError);
+        console.log('[NativeHlsPlayer] Initialized');
+    }
+    onError() {
+        const error = this.video.error;
+        if (!error)
+            return;
+        const { onError } = this.callbacks;
+        if (error.code === MEDIA_ERR_DECODE) {
+            if (this.attemptRecovery()) {
+                return;
+            }
+        }
+        if (!this.tracker.isErrorReported) {
+            this.tracker.markErrorReported();
+            console.error('[NativeHlsPlayer] Video error:', error.message);
+            onError?.(new Error(error.message));
+        }
+    }
+    load(url) {
+        this.video.src = url;
+    }
+    destroy() {
+        this.video.removeEventListener('error', this.handleError);
+        console.log('[NativeHlsPlayer] Destroyed');
+    }
+    attemptRecovery() {
+        if (!this.tracker.shouldAttemptRecovery()) {
+            return false;
+        }
+        console.log('[NativeHlsPlayer] Attempting recovery by skipping segment');
+        this.video.currentTime = this.video.currentTime + 0.5;
+        this.video.play().catch(() => { });
+        return true;
+    }
+}
+//# sourceMappingURL=NativeHlsPlayer.js.map

package/dist/components/LiveVideoPlayer/hooks/useHlsVideo/classes/NativeHlsPlayer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeHlsPlayer.js","sourceRoot":"","sources":["../../../../../../src/components/LiveVideoPlayer/hooks/useHlsVideo/classes/NativeHlsPlayer.ts"],"names":[],"mappings":"AAEA,oDAAoD;AACpD,MAAM,gBAAgB,GAAG,CAAC,CAAA;AAE1B,gDAAgD;AAChD,MAAM,OAAO,eAAe;IAM1B,YAAY,OAAyB;QACnC,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,CAAA;QAC1B,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAA;QAC9B,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC,SAAS,CAAA;QAElC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAC1C,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,CAAA;QAEtD,OAAO,CAAC,GAAG,CAAC,+BAA+B,CAAC,CAAA;IAC9C,CAAC;IAEO,OAAO;QACb,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAA;QAC9B,IAAI,CAAC,KAAK;YAAE,OAAM;QAElB,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,SAAS,CAAA;QAElC,IAAI,KAAK,CAAC,IAAI,KAAK,gBAAgB,EAAE,CAAC;YACpC,IAAI,IAAI,CAAC,eAAe,EAAE,EAAE,CAAC;gBAC3B,OAAM;YACR,CAAC;QACH,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,eAAe,EAAE,CAAC;YAClC,IAAI,CAAC,OAAO,CAAC,iBAAiB,EAAE,CAAA;YAChC,OAAO,CAAC,KAAK,CAAC,gCAAgC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAA;YAC9D,OAAO,EAAE,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAA;QACrC,CAAC;IACH,CAAC;IAED,IAAI,CAAC,GAAW;QACd,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,CAAA;IACtB,CAAC;IAED,OAAO;QACL,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,CAAA;QACzD,OAAO,CAAC,GAAG,CAAC,6BAA6B,CAAC,CAAA;IAC5C,CAAC;IAED,eAAe;QACb,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,qBAAqB,EAAE,EAAE,CAAC;YAC1C,OAAO,KAAK,CAAA;QACd,CAAC;QAED,OAAO,CAAC,GAAG,CAAC,2DAA2D,CAAC,CAAA;QACxE,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,GAAG,CAAA;QACrD,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAA;QACjC,OAAO,IAAI,CAAA;IACb,CAAC;CACF"}

package/dist/components/LiveVideoPlayer/hooks/useHlsVideo/classes/RecoveryTracker.d.ts

@@ -0,0 +1,21 @@
+/**
+ * エラーリカバリの試行を追跡するクラス
+ * スロットリングと試行回数制限を管理
+ */
+export declare class RecoveryTracker {
+    private lastRecoveryTime;
+    private recoveryAttempts;
+    private errorReported;
+    /** 状態をリセット */
+    reset(): void;
+    /** エラーが既に報告済みかどうか */
+    get isErrorReported(): boolean;
+    /** エラーを報告済みとしてマーク */
+    markErrorReported(): void;
+    /**
+     * リカバリを試行可能かどうかを判定し、カウンターを更新
+     * @returns リカバリを試行すべきかどうか
+     */
+    shouldAttemptRecovery(): boolean;
+}
+//# sourceMappingURL=RecoveryTracker.d.ts.map

package/dist/components/LiveVideoPlayer/hooks/useHlsVideo/classes/RecoveryTracker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecoveryTracker.d.ts","sourceRoot":"","sources":["../../../../../../src/components/LiveVideoPlayer/hooks/useHlsVideo/classes/RecoveryTracker.ts"],"names":[],"mappings":"AAKA;;;GAGG;AACH,qBAAa,eAAe;IAC1B,OAAO,CAAC,gBAAgB,CAAI;IAC5B,OAAO,CAAC,gBAAgB,CAAI;IAC5B,OAAO,CAAC,aAAa,CAAQ;IAE7B,cAAc;IACd,KAAK,IAAI,IAAI;IAMb,qBAAqB;IACrB,IAAI,eAAe,IAAI,OAAO,CAE7B;IAED,qBAAqB;IACrB,iBAAiB,IAAI,IAAI;IAIzB;;;OAGG;IACH,qBAAqB,IAAI,OAAO;CA2BjC"}