@xrift/world-components 0.47.0 → 0.49.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/BillboardY/hooks.d.ts +1 -1
- package/dist/components/BillboardY/hooks.d.ts.map +1 -1
- package/dist/components/BillboardY/index.d.ts +1 -1
- package/dist/components/BillboardY/index.d.ts.map +1 -1
- package/dist/components/DevEnvironment/components/ControlsHelp.d.ts +1 -1
- package/dist/components/DevEnvironment/components/ControlsHelp.d.ts.map +1 -1
- package/dist/components/DevEnvironment/components/Crosshair.d.ts +1 -1
- package/dist/components/DevEnvironment/components/Crosshair.d.ts.map +1 -1
- package/dist/components/DevEnvironment/components/GrabSystem/index.d.ts +1 -1
- package/dist/components/DevEnvironment/components/GrabSystem/index.d.ts.map +1 -1
- package/dist/components/DevEnvironment/components/PhysicsPlayer.d.ts +1 -1
- package/dist/components/DevEnvironment/components/PhysicsPlayer.d.ts.map +1 -1
- package/dist/components/DevEnvironment/components/PointerLockStatus.d.ts +1 -1
- package/dist/components/DevEnvironment/components/PointerLockStatus.d.ts.map +1 -1
- package/dist/components/DevEnvironment/index.d.ts +1 -1
- package/dist/components/DevEnvironment/index.d.ts.map +1 -1
- package/dist/components/EntryLogBoard/components/AvatarIcon.d.ts +1 -1
- package/dist/components/EntryLogBoard/components/AvatarIcon.d.ts.map +1 -1
- package/dist/components/EntryLogBoard/components/LogRow.d.ts +1 -1
- package/dist/components/EntryLogBoard/components/LogRow.d.ts.map +1 -1
- package/dist/components/EntryLogBoard/index.d.ts +1 -1
- package/dist/components/EntryLogBoard/index.d.ts.map +1 -1
- package/dist/components/LiveVideoPlayer/components/ControlPanel/index.d.ts +1 -1
- package/dist/components/LiveVideoPlayer/components/ControlPanel/index.d.ts.map +1 -1
- package/dist/components/LiveVideoPlayer/components/LiveVideoTexture.d.ts +1 -1
- package/dist/components/LiveVideoPlayer/components/LiveVideoTexture.d.ts.map +1 -1
- package/dist/components/LiveVideoPlayer/index.d.ts +1 -1
- package/dist/components/LiveVideoPlayer/index.d.ts.map +1 -1
- package/dist/components/Mirror/index.d.ts +1 -1
- package/dist/components/Mirror/index.d.ts.map +1 -1
- package/dist/components/Portal/components/PortalGlow/index.d.ts +1 -1
- package/dist/components/Portal/components/PortalGlow/index.d.ts.map +1 -1
- package/dist/components/Portal/components/PortalParticles/index.d.ts +1 -1
- package/dist/components/Portal/components/PortalParticles/index.d.ts.map +1 -1
- package/dist/components/Portal/components/PortalPedestal/index.d.ts +1 -1
- package/dist/components/Portal/components/PortalPedestal/index.d.ts.map +1 -1
- package/dist/components/Portal/components/PortalThumbnail/index.d.ts +1 -1
- package/dist/components/Portal/components/PortalThumbnail/index.d.ts.map +1 -1
- package/dist/components/Portal/components/PortalVortex/index.d.ts +1 -1
- package/dist/components/Portal/components/PortalVortex/index.d.ts.map +1 -1
- package/dist/components/Portal/index.d.ts +1 -1
- package/dist/components/Portal/index.d.ts.map +1 -1
- package/dist/components/ScreenShareDisplay/index.d.ts +1 -1
- package/dist/components/ScreenShareDisplay/index.d.ts.map +1 -1
- package/dist/components/Skybox/index.d.ts +1 -1
- package/dist/components/Skybox/index.d.ts.map +1 -1
- package/dist/components/TagBoard/components/TagChip.d.ts +1 -1
- package/dist/components/TagBoard/components/TagChip.d.ts.map +1 -1
- package/dist/components/TagBoard/components/TagDisplay/index.d.ts +1 -1
- package/dist/components/TagBoard/components/TagDisplay/index.d.ts.map +1 -1
- package/dist/components/TagBoard/components/TagSelector/components/ActionButton.d.ts +1 -1
- package/dist/components/TagBoard/components/TagSelector/components/ActionButton.d.ts.map +1 -1
- package/dist/components/TagBoard/components/TagSelector/components/TagButton.d.ts +1 -1
- package/dist/components/TagBoard/components/TagSelector/components/TagButton.d.ts.map +1 -1
- package/dist/components/TagBoard/components/TagSelector/index.d.ts +1 -1
- package/dist/components/TagBoard/components/TagSelector/index.d.ts.map +1 -1
- package/dist/components/TagBoard/index.d.ts +1 -1
- package/dist/components/TagBoard/index.d.ts.map +1 -1
- package/dist/components/Video180Sphere/EyeView.d.ts +1 -1
- package/dist/components/Video180Sphere/EyeView.d.ts.map +1 -1
- package/dist/components/Video180Sphere/index.d.ts +1 -1
- package/dist/components/Video180Sphere/index.d.ts.map +1 -1
- package/dist/components/VideoPlayer/components/ControlPanel.d.ts +1 -1
- package/dist/components/VideoPlayer/components/ControlPanel.d.ts.map +1 -1
- package/dist/components/VideoPlayer/index.d.ts +1 -1
- package/dist/components/VideoPlayer/index.d.ts.map +1 -1
- package/dist/components/VideoScreen/constants.d.ts +27 -0
- package/dist/components/VideoScreen/constants.d.ts.map +1 -0
- package/dist/components/VideoScreen/constants.js +27 -0
- package/dist/components/VideoScreen/constants.js.map +1 -0
- package/dist/components/VideoScreen/hooks.d.ts +19 -0
- package/dist/components/VideoScreen/hooks.d.ts.map +1 -0
- package/dist/components/VideoScreen/hooks.js +69 -0
- package/dist/components/VideoScreen/hooks.js.map +1 -0
- package/dist/components/VideoScreen/index.d.ts +1 -1
- package/dist/components/VideoScreen/index.d.ts.map +1 -1
- package/dist/components/VideoScreen/index.js +22 -17
- package/dist/components/VideoScreen/index.js.map +1 -1
- package/dist/components/VideoScreen/types.d.ts +14 -4
- package/dist/components/VideoScreen/types.d.ts.map +1 -1
- package/dist/components/VideoScreen/utils.d.ts +73 -0
- package/dist/components/VideoScreen/utils.d.ts.map +1 -0
- package/dist/components/VideoScreen/utils.js +74 -0
- package/dist/components/VideoScreen/utils.js.map +1 -0
- package/dist/components/commons/IconButton/index.d.ts +1 -1
- package/dist/components/commons/IconButton/index.d.ts.map +1 -1
- package/dist/components/commons/PlaceholderScreen/index.d.ts +1 -1
- package/dist/components/commons/PlaceholderScreen/index.d.ts.map +1 -1
- package/dist/components/commons/VideoMesh/index.d.ts +1 -1
- package/dist/components/commons/VideoMesh/index.d.ts.map +1 -1
- package/dist/components/commons/VolumeControl/index.d.ts +1 -1
- package/dist/components/commons/VolumeControl/index.d.ts.map +1 -1
- package/dist/contexts/AudioVolumeContext.d.ts +2 -2
- package/dist/contexts/AudioVolumeContext.d.ts.map +1 -1
- package/dist/contexts/ConfirmContext.d.ts +1 -1
- package/dist/contexts/ConfirmContext.d.ts.map +1 -1
- package/dist/contexts/FileInputContext.d.ts +1 -1
- package/dist/contexts/FileInputContext.d.ts.map +1 -1
- package/dist/contexts/GrabbableContext.d.ts +1 -1
- package/dist/contexts/GrabbableContext.d.ts.map +1 -1
- package/dist/contexts/InstanceContext.d.ts +1 -1
- package/dist/contexts/InstanceContext.d.ts.map +1 -1
- package/dist/contexts/InstanceEventContext.d.ts +1 -1
- package/dist/contexts/InstanceEventContext.d.ts.map +1 -1
- package/dist/contexts/InstanceStateContext.d.ts +1 -1
- package/dist/contexts/InstanceStateContext.d.ts.map +1 -1
- package/dist/contexts/ItemContext.d.ts +23 -3
- package/dist/contexts/ItemContext.d.ts.map +1 -1
- package/dist/contexts/ItemContext.js +7 -3
- package/dist/contexts/ItemContext.js.map +1 -1
- package/dist/contexts/PlacementStateContext.d.ts +1 -1
- package/dist/contexts/PlacementStateContext.d.ts.map +1 -1
- package/dist/contexts/ScreenShareContext.d.ts +1 -1
- package/dist/contexts/ScreenShareContext.d.ts.map +1 -1
- package/dist/contexts/ServerClockContext.d.ts +1 -1
- package/dist/contexts/ServerClockContext.d.ts.map +1 -1
- package/dist/contexts/SharedFileContext.d.ts +1 -1
- package/dist/contexts/SharedFileContext.d.ts.map +1 -1
- package/dist/contexts/SpawnPointContext.d.ts +1 -1
- package/dist/contexts/SpawnPointContext.d.ts.map +1 -1
- package/dist/contexts/TeleportContext.d.ts +1 -1
- package/dist/contexts/TeleportContext.d.ts.map +1 -1
- package/dist/contexts/TextInputContext.d.ts +1 -1
- package/dist/contexts/TextInputContext.d.ts.map +1 -1
- package/dist/contexts/UsersContext.d.ts +1 -1
- package/dist/contexts/UsersContext.d.ts.map +1 -1
- package/dist/contexts/WorldContext.d.ts +1 -1
- package/dist/contexts/WorldContext.d.ts.map +1 -1
- package/dist/contexts/WorldStorageContext.d.ts +1 -1
- package/dist/contexts/WorldStorageContext.d.ts.map +1 -1
- package/dist/contexts/XRiftContext.d.ts +1 -1
- package/dist/contexts/XRiftContext.d.ts.map +1 -1
- package/dist/index.d.ts +3 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -0
- package/dist/index.js.map +1 -1
- package/package.json +7 -5
- package/dist/components/BillboardY/__tests__/utils.test.d.ts +0 -2
- package/dist/components/BillboardY/__tests__/utils.test.d.ts.map +0 -1
- package/dist/components/BillboardY/__tests__/utils.test.js +0 -45
- package/dist/components/BillboardY/__tests__/utils.test.js.map +0 -1
- package/dist/components/DevEnvironment/__tests__/utils.test.d.ts +0 -2
- package/dist/components/DevEnvironment/__tests__/utils.test.d.ts.map +0 -1
- package/dist/components/DevEnvironment/__tests__/utils.test.js +0 -24
- package/dist/components/DevEnvironment/__tests__/utils.test.js.map +0 -1
- package/dist/components/DevEnvironment/components/GrabSystem/__tests__/store.test.d.ts +0 -2
- package/dist/components/DevEnvironment/components/GrabSystem/__tests__/store.test.d.ts.map +0 -1
- package/dist/components/DevEnvironment/components/GrabSystem/__tests__/store.test.js +0 -114
- package/dist/components/DevEnvironment/components/GrabSystem/__tests__/store.test.js.map +0 -1
- package/dist/components/DevEnvironment/components/GrabSystem/__tests__/utils.test.d.ts +0 -2
- package/dist/components/DevEnvironment/components/GrabSystem/__tests__/utils.test.d.ts.map +0 -1
- package/dist/components/DevEnvironment/components/GrabSystem/__tests__/utils.test.js +0 -103
- package/dist/components/DevEnvironment/components/GrabSystem/__tests__/utils.test.js.map +0 -1
- package/dist/components/EntryLogBoard/__tests__/utils.test.d.ts +0 -2
- package/dist/components/EntryLogBoard/__tests__/utils.test.d.ts.map +0 -1
- package/dist/components/EntryLogBoard/__tests__/utils.test.js +0 -231
- package/dist/components/EntryLogBoard/__tests__/utils.test.js.map +0 -1
- package/dist/components/Grabbable/__tests__/utils.test.d.ts +0 -2
- package/dist/components/Grabbable/__tests__/utils.test.d.ts.map +0 -1
- package/dist/components/Grabbable/__tests__/utils.test.js +0 -59
- package/dist/components/Grabbable/__tests__/utils.test.js.map +0 -1
- package/dist/components/LiveVideoPlayer/components/ControlPanel/LiveIndicator.d.ts +0 -8
- package/dist/components/LiveVideoPlayer/components/ControlPanel/LiveIndicator.d.ts.map +0 -1
- package/dist/components/LiveVideoPlayer/components/ControlPanel/LiveIndicator.js +0 -11
- package/dist/components/LiveVideoPlayer/components/ControlPanel/LiveIndicator.js.map +0 -1
- package/dist/components/LiveVideoPlayer/components/index.d.ts +0 -3
- package/dist/components/LiveVideoPlayer/components/index.d.ts.map +0 -1
- package/dist/components/LiveVideoPlayer/components/index.js +0 -3
- package/dist/components/LiveVideoPlayer/components/index.js.map +0 -1
- package/dist/components/LiveVideoPlayer/hooks/useHlsVideo/__tests__/utils.test.d.ts +0 -2
- package/dist/components/LiveVideoPlayer/hooks/useHlsVideo/__tests__/utils.test.d.ts.map +0 -1
- package/dist/components/LiveVideoPlayer/hooks/useHlsVideo/__tests__/utils.test.js +0 -196
- package/dist/components/LiveVideoPlayer/hooks/useHlsVideo/__tests__/utils.test.js.map +0 -1
- package/dist/components/LiveVideoPlayer/hooks/useHlsVideo/classes/__tests__/HlsJsPlayer.test.d.ts +0 -2
- package/dist/components/LiveVideoPlayer/hooks/useHlsVideo/classes/__tests__/HlsJsPlayer.test.d.ts.map +0 -1
- package/dist/components/LiveVideoPlayer/hooks/useHlsVideo/classes/__tests__/HlsJsPlayer.test.js +0 -146
- package/dist/components/LiveVideoPlayer/hooks/useHlsVideo/classes/__tests__/HlsJsPlayer.test.js.map +0 -1
- package/dist/components/LiveVideoPlayer/hooks/useHlsVideo/classes/__tests__/NativeHlsPlayer.test.d.ts +0 -2
- package/dist/components/LiveVideoPlayer/hooks/useHlsVideo/classes/__tests__/NativeHlsPlayer.test.d.ts.map +0 -1
- package/dist/components/LiveVideoPlayer/hooks/useHlsVideo/classes/__tests__/NativeHlsPlayer.test.js +0 -94
- package/dist/components/LiveVideoPlayer/hooks/useHlsVideo/classes/__tests__/NativeHlsPlayer.test.js.map +0 -1
- package/dist/components/LiveVideoPlayer/hooks/useHlsVideo/classes/__tests__/RecoveryTracker.test.d.ts +0 -2
- package/dist/components/LiveVideoPlayer/hooks/useHlsVideo/classes/__tests__/RecoveryTracker.test.d.ts.map +0 -1
- package/dist/components/LiveVideoPlayer/hooks/useHlsVideo/classes/__tests__/RecoveryTracker.test.js +0 -74
- package/dist/components/LiveVideoPlayer/hooks/useHlsVideo/classes/__tests__/RecoveryTracker.test.js.map +0 -1
- package/dist/components/LiveVideoPlayer/hooks/useLiveVideoPlayer/index.d.ts +0 -25
- package/dist/components/LiveVideoPlayer/hooks/useLiveVideoPlayer/index.d.ts.map +0 -1
- package/dist/components/LiveVideoPlayer/hooks/useLiveVideoPlayer/index.js +0 -97
- package/dist/components/LiveVideoPlayer/hooks/useLiveVideoPlayer/index.js.map +0 -1
- package/dist/components/Mirror/__tests__/utils.test.d.ts +0 -2
- package/dist/components/Mirror/__tests__/utils.test.d.ts.map +0 -1
- package/dist/components/Mirror/__tests__/utils.test.js +0 -42
- package/dist/components/Mirror/__tests__/utils.test.js.map +0 -1
- package/dist/components/MsdfText/index.d.ts +0 -24
- package/dist/components/MsdfText/index.d.ts.map +0 -1
- package/dist/components/MsdfText/index.js +0 -24
- package/dist/components/MsdfText/index.js.map +0 -1
- package/dist/components/Portal/__tests__/utils.test.d.ts +0 -2
- package/dist/components/Portal/__tests__/utils.test.d.ts.map +0 -1
- package/dist/components/Portal/__tests__/utils.test.js +0 -56
- package/dist/components/Portal/__tests__/utils.test.js.map +0 -1
- package/dist/components/ScreenShareDisplay/__tests__/utils.test.d.ts +0 -2
- package/dist/components/ScreenShareDisplay/__tests__/utils.test.d.ts.map +0 -1
- package/dist/components/ScreenShareDisplay/__tests__/utils.test.js +0 -47
- package/dist/components/ScreenShareDisplay/__tests__/utils.test.js.map +0 -1
- package/dist/components/TroikaText/index.d.ts +0 -4
- package/dist/components/TroikaText/index.d.ts.map +0 -1
- package/dist/components/TroikaText/index.js +0 -50
- package/dist/components/TroikaText/index.js.map +0 -1
- package/dist/components/TroikaText/types.d.ts +0 -19
- package/dist/components/TroikaText/types.d.ts.map +0 -1
- package/dist/components/TroikaText/types.js +0 -2
- package/dist/components/TroikaText/types.js.map +0 -1
- package/dist/components/VideoPlayer/ControlPanel.d.ts +0 -3
- package/dist/components/VideoPlayer/ControlPanel.d.ts.map +0 -1
- package/dist/components/VideoPlayer/ControlPanel.js +0 -34
- package/dist/components/VideoPlayer/ControlPanel.js.map +0 -1
- package/dist/components/VideoPlayer/ProgressBar.d.ts +0 -3
- package/dist/components/VideoPlayer/ProgressBar.d.ts.map +0 -1
- package/dist/components/VideoPlayer/ProgressBar.js +0 -21
- package/dist/components/VideoPlayer/ProgressBar.js.map +0 -1
- package/dist/components/VideoPlayer/__tests__/utils.test.d.ts +0 -2
- package/dist/components/VideoPlayer/__tests__/utils.test.d.ts.map +0 -1
- package/dist/components/VideoPlayer/__tests__/utils.test.js +0 -23
- package/dist/components/VideoPlayer/__tests__/utils.test.js.map +0 -1
- package/dist/components/VideoPlayer/components/ProgressBar.d.ts +0 -12
- package/dist/components/VideoPlayer/components/ProgressBar.d.ts.map +0 -1
- package/dist/components/VideoPlayer/components/ProgressBar.js +0 -21
- package/dist/components/VideoPlayer/components/ProgressBar.js.map +0 -1
- package/dist/components/VideoPlayer/components/index.d.ts +0 -3
- package/dist/components/VideoPlayer/components/index.d.ts.map +0 -1
- package/dist/components/VideoPlayer/components/index.js +0 -3
- package/dist/components/VideoPlayer/components/index.js.map +0 -1
- package/dist/components/VideoPlayer/types.d.ts +0 -44
- package/dist/components/VideoPlayer/types.d.ts.map +0 -1
- package/dist/components/VideoPlayer/types.js +0 -2
- package/dist/components/VideoPlayer/types.js.map +0 -1
- package/dist/components/VideoPlayer/utils.test.d.ts +0 -2
- package/dist/components/VideoPlayer/utils.test.d.ts.map +0 -1
- package/dist/components/VideoPlayer/utils.test.js +0 -23
- package/dist/components/VideoPlayer/utils.test.js.map +0 -1
- package/dist/components/commons/utils.test.d.ts +0 -2
- package/dist/components/commons/utils.test.d.ts.map +0 -1
- package/dist/components/commons/utils.test.js +0 -79
- package/dist/components/commons/utils.test.js.map +0 -1
- package/dist/contexts/FontContext.d.ts +0 -17
- package/dist/contexts/FontContext.d.ts.map +0 -1
- package/dist/contexts/FontContext.js +0 -25
- package/dist/contexts/FontContext.js.map +0 -1
- package/dist/contexts/InstanceInfoContext.d.ts +0 -39
- package/dist/contexts/InstanceInfoContext.d.ts.map +0 -1
- package/dist/contexts/InstanceInfoContext.js +0 -42
- package/dist/contexts/InstanceInfoContext.js.map +0 -1
- package/dist/contexts/PortalContext.d.ts +0 -39
- package/dist/contexts/PortalContext.d.ts.map +0 -1
- package/dist/contexts/PortalContext.js +0 -42
- package/dist/contexts/PortalContext.js.map +0 -1
- package/dist/contexts/WorldEventContext.d.ts +0 -32
- package/dist/contexts/WorldEventContext.d.ts.map +0 -1
- package/dist/contexts/WorldEventContext.js +0 -54
- package/dist/contexts/WorldEventContext.js.map +0 -1
- package/dist/contexts/__tests__/ServerClockContext.test.d.ts +0 -2
- package/dist/contexts/__tests__/ServerClockContext.test.d.ts.map +0 -1
- package/dist/contexts/__tests__/ServerClockContext.test.js +0 -43
- package/dist/contexts/__tests__/ServerClockContext.test.js.map +0 -1
- package/dist/contexts/__tests__/WorldStorageContext.test.d.ts +0 -2
- package/dist/contexts/__tests__/WorldStorageContext.test.d.ts.map +0 -1
- package/dist/contexts/__tests__/WorldStorageContext.test.js +0 -120
- package/dist/contexts/__tests__/WorldStorageContext.test.js.map +0 -1
- package/dist/fonts/FontContext.d.ts +0 -9
- package/dist/fonts/FontContext.d.ts.map +0 -1
- package/dist/fonts/FontContext.js +0 -5
- package/dist/fonts/FontContext.js.map +0 -1
- package/dist/fonts/FontProvider.d.ts +0 -31
- package/dist/fonts/FontProvider.d.ts.map +0 -1
- package/dist/fonts/FontProvider.js +0 -40
- package/dist/fonts/FontProvider.js.map +0 -1
- package/dist/fonts/FontReadyContainer.d.ts +0 -35
- package/dist/fonts/FontReadyContainer.d.ts.map +0 -1
- package/dist/fonts/FontReadyContainer.js +0 -40
- package/dist/fonts/FontReadyContainer.js.map +0 -1
- package/dist/fonts/constants.d.ts +0 -5
- package/dist/fonts/constants.d.ts.map +0 -1
- package/dist/fonts/constants.js +0 -5
- package/dist/fonts/constants.js.map +0 -1
- package/dist/fonts/loadTTF.d.ts +0 -18
- package/dist/fonts/loadTTF.d.ts.map +0 -1
- package/dist/fonts/loadTTF.js +0 -36
- package/dist/fonts/loadTTF.js.map +0 -1
- package/dist/fonts/useTTF.d.ts +0 -7
- package/dist/fonts/useTTF.d.ts.map +0 -1
- package/dist/fonts/useTTF.js +0 -9
- package/dist/fonts/useTTF.js.map +0 -1
- package/dist/hooks/useJapaneseFont.d.ts +0 -7
- package/dist/hooks/useJapaneseFont.d.ts.map +0 -1
- package/dist/hooks/useJapaneseFont.js +0 -25
- package/dist/hooks/useJapaneseFont.js.map +0 -1
- package/dist/hooks/useMsdfFont.d.ts +0 -11
- package/dist/hooks/useMsdfFont.d.ts.map +0 -1
- package/dist/hooks/useMsdfFont.js +0 -19
- package/dist/hooks/useMsdfFont.js.map +0 -1
- package/dist/hooks/usePortalNavigation.d.ts +0 -10
- package/dist/hooks/usePortalNavigation.d.ts.map +0 -1
- package/dist/hooks/usePortalNavigation.js +0 -46
- package/dist/hooks/usePortalNavigation.js.map +0 -1
- package/dist/hooks/useWorldEvent.d.ts +0 -25
- package/dist/hooks/useWorldEvent.d.ts.map +0 -1
- package/dist/hooks/useWorldEvent.js +0 -45
- package/dist/hooks/useWorldEvent.js.map +0 -1
|
@@ -1,97 +0,0 @@
|
|
|
1
|
-
import { useState, useCallback, useEffect, useRef } from "react";
|
|
2
|
-
import { useSyncState } from "../../../../hooks/useSyncState";
|
|
3
|
-
const RETRY_DELAY_MS = 2000;
|
|
4
|
-
export const useLiveVideoPlayer = ({ id, initialUrl, initialPlaying = false, initialVolume = 1, sync = "global", }) => {
|
|
5
|
-
const [videoState, setVideoState] = useSyncState(`live-video-${id}`, {
|
|
6
|
-
url: initialUrl,
|
|
7
|
-
playing: initialPlaying,
|
|
8
|
-
reloadKey: 0,
|
|
9
|
-
}, sync);
|
|
10
|
-
// 音量は常にローカル(個人設定)
|
|
11
|
-
const [volume, setVolume] = useState(initialVolume);
|
|
12
|
-
// バッファリング状態もローカル
|
|
13
|
-
const [isBuffering, setIsBuffering] = useState(false);
|
|
14
|
-
// リトライ状態(エラー発生時に無限自動リトライ)
|
|
15
|
-
const [isRetrying, setIsRetrying] = useState(false);
|
|
16
|
-
const retryTimeoutRef = useRef(null);
|
|
17
|
-
// コンポーネントのクリーンアップ時にタイマーをクリア
|
|
18
|
-
useEffect(() => {
|
|
19
|
-
return () => {
|
|
20
|
-
if (retryTimeoutRef.current) {
|
|
21
|
-
clearTimeout(retryTimeoutRef.current);
|
|
22
|
-
}
|
|
23
|
-
};
|
|
24
|
-
}, []);
|
|
25
|
-
const clearRetryState = useCallback(() => {
|
|
26
|
-
setIsRetrying(false);
|
|
27
|
-
if (retryTimeoutRef.current) {
|
|
28
|
-
clearTimeout(retryTimeoutRef.current);
|
|
29
|
-
retryTimeoutRef.current = null;
|
|
30
|
-
}
|
|
31
|
-
}, []);
|
|
32
|
-
const handleUrlChange = useCallback((newUrl) => {
|
|
33
|
-
setVideoState((prev) => ({
|
|
34
|
-
...prev,
|
|
35
|
-
url: newUrl,
|
|
36
|
-
playing: !!newUrl,
|
|
37
|
-
}));
|
|
38
|
-
clearRetryState();
|
|
39
|
-
}, [setVideoState, clearRetryState]);
|
|
40
|
-
const handlePlayPause = useCallback(() => {
|
|
41
|
-
setVideoState((prev) => ({
|
|
42
|
-
...prev,
|
|
43
|
-
playing: !prev.playing,
|
|
44
|
-
}));
|
|
45
|
-
}, [setVideoState]);
|
|
46
|
-
const handleStop = useCallback(() => {
|
|
47
|
-
setVideoState((prev) => ({
|
|
48
|
-
url: undefined,
|
|
49
|
-
playing: false,
|
|
50
|
-
reloadKey: prev.reloadKey + 1,
|
|
51
|
-
}));
|
|
52
|
-
setIsBuffering(false);
|
|
53
|
-
clearRetryState();
|
|
54
|
-
}, [setVideoState, clearRetryState]);
|
|
55
|
-
const handleVolumeChange = useCallback((newVolume) => {
|
|
56
|
-
setVolume(newVolume);
|
|
57
|
-
}, []);
|
|
58
|
-
const handleBufferingChange = useCallback((buffering) => {
|
|
59
|
-
setIsBuffering(buffering);
|
|
60
|
-
// 再生成功(バッファリング解除)時にリトライ状態をリセット
|
|
61
|
-
if (!buffering) {
|
|
62
|
-
setIsRetrying(false);
|
|
63
|
-
}
|
|
64
|
-
}, []);
|
|
65
|
-
const handleError = useCallback((error) => {
|
|
66
|
-
// リトライ中は新しいエラーを無視(タイムアウト待機中)
|
|
67
|
-
if (isRetrying)
|
|
68
|
-
return;
|
|
69
|
-
console.warn(`LiveVideoPlayer error, retrying...`, error.message);
|
|
70
|
-
// 無限リトライ(接続成功または手動停止まで)
|
|
71
|
-
setIsRetrying(true);
|
|
72
|
-
setIsBuffering(true);
|
|
73
|
-
// 遅延してリロード(セグメント生成を待つ)
|
|
74
|
-
retryTimeoutRef.current = setTimeout(() => {
|
|
75
|
-
setIsRetrying(false);
|
|
76
|
-
setVideoState((prev) => ({
|
|
77
|
-
...prev,
|
|
78
|
-
reloadKey: prev.reloadKey + 1,
|
|
79
|
-
}));
|
|
80
|
-
}, RETRY_DELAY_MS);
|
|
81
|
-
}, [setVideoState, isRetrying]);
|
|
82
|
-
return {
|
|
83
|
-
videoState,
|
|
84
|
-
volume,
|
|
85
|
-
isBuffering,
|
|
86
|
-
isRetrying,
|
|
87
|
-
handlers: {
|
|
88
|
-
onUrlChange: handleUrlChange,
|
|
89
|
-
onPlayPause: handlePlayPause,
|
|
90
|
-
onStop: handleStop,
|
|
91
|
-
onVolumeChange: handleVolumeChange,
|
|
92
|
-
onBufferingChange: handleBufferingChange,
|
|
93
|
-
onError: handleError,
|
|
94
|
-
},
|
|
95
|
-
};
|
|
96
|
-
};
|
|
97
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/LiveVideoPlayer/hooks/useLiveVideoPlayer/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"utils.test.d.ts","sourceRoot":"","sources":["../../../../src/components/Mirror/__tests__/utils.test.ts"],"names":[],"mappings":""}
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
import { describe, expect, it } from 'vitest';
|
|
2
|
-
import { shouldUseReflector } from '../utils';
|
|
3
|
-
import { LOD_HYSTERESIS_RATIO } from '../constants';
|
|
4
|
-
describe('shouldUseReflector', () => {
|
|
5
|
-
const lodDistance = 10;
|
|
6
|
-
const hysteresis = LOD_HYSTERESIS_RATIO; // 0.8
|
|
7
|
-
describe('現在 Reflector を使用中', () => {
|
|
8
|
-
it('距離が lodDistance 以下なら true を返す', () => {
|
|
9
|
-
expect(shouldUseReflector(5, lodDistance, true, hysteresis)).toBe(true);
|
|
10
|
-
expect(shouldUseReflector(10, lodDistance, true, hysteresis)).toBe(true);
|
|
11
|
-
});
|
|
12
|
-
it('距離が lodDistance を超えたら false を返す', () => {
|
|
13
|
-
expect(shouldUseReflector(10.1, lodDistance, true, hysteresis)).toBe(false);
|
|
14
|
-
expect(shouldUseReflector(15, lodDistance, true, hysteresis)).toBe(false);
|
|
15
|
-
});
|
|
16
|
-
});
|
|
17
|
-
describe('現在 envMap を使用中', () => {
|
|
18
|
-
it('距離が lodDistance * hysteresis 以下なら true に戻る', () => {
|
|
19
|
-
expect(shouldUseReflector(7, lodDistance, false, hysteresis)).toBe(true);
|
|
20
|
-
expect(shouldUseReflector(8, lodDistance, false, hysteresis)).toBe(true);
|
|
21
|
-
});
|
|
22
|
-
it('ヒステリシス範囲内(8〜10m)では false を維持する', () => {
|
|
23
|
-
expect(shouldUseReflector(8.5, lodDistance, false, hysteresis)).toBe(false);
|
|
24
|
-
expect(shouldUseReflector(9, lodDistance, false, hysteresis)).toBe(false);
|
|
25
|
-
expect(shouldUseReflector(10, lodDistance, false, hysteresis)).toBe(false);
|
|
26
|
-
});
|
|
27
|
-
it('距離が lodDistance を超えていれば false を維持する', () => {
|
|
28
|
-
expect(shouldUseReflector(15, lodDistance, false, hysteresis)).toBe(false);
|
|
29
|
-
});
|
|
30
|
-
});
|
|
31
|
-
describe('境界値', () => {
|
|
32
|
-
it('距離 0 では常に true', () => {
|
|
33
|
-
expect(shouldUseReflector(0, lodDistance, true, hysteresis)).toBe(true);
|
|
34
|
-
expect(shouldUseReflector(0, lodDistance, false, hysteresis)).toBe(true);
|
|
35
|
-
});
|
|
36
|
-
it('lodDistance が 0 の場合は常に false', () => {
|
|
37
|
-
expect(shouldUseReflector(0, 0, true, hysteresis)).toBe(true);
|
|
38
|
-
expect(shouldUseReflector(0.1, 0, true, hysteresis)).toBe(false);
|
|
39
|
-
});
|
|
40
|
-
});
|
|
41
|
-
});
|
|
42
|
-
//# sourceMappingURL=utils.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"utils.test.js","sourceRoot":"","sources":["../../../../src/components/Mirror/__tests__/utils.test.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { type TextProperties } from '@react-three/uikit';
|
|
2
|
-
type TextProps = TextProperties;
|
|
3
|
-
interface Props extends Omit<TextProps, 'children'> {
|
|
4
|
-
children: string;
|
|
5
|
-
/** フォント URL(デフォルト: Noto Sans JP Regular) */
|
|
6
|
-
fontUrl?: string;
|
|
7
|
-
/** MSDF テクスチャサイズ(デフォルト: [2048, 2048]) */
|
|
8
|
-
textureSize?: [number, number];
|
|
9
|
-
}
|
|
10
|
-
/**
|
|
11
|
-
* MSDF フォントで日本語テキストを表示するコンポーネント。
|
|
12
|
-
* children の文字列から必要な文字セットを自動導出し、
|
|
13
|
-
* フォント読み込み・Suspense を内部で処理する。
|
|
14
|
-
*
|
|
15
|
-
* @example
|
|
16
|
-
* ```tsx
|
|
17
|
-
* <MsdfText fontSize={48} color={0x666666}>
|
|
18
|
-
* URLを入力してください
|
|
19
|
-
* </MsdfText>
|
|
20
|
-
* ```
|
|
21
|
-
*/
|
|
22
|
-
export declare const MsdfText: import("react").MemoExoticComponent<(props: Props) => import("react/jsx-runtime").JSX.Element>;
|
|
23
|
-
export {};
|
|
24
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MsdfText/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAG9D,KAAK,SAAS,GAAG,cAAc,CAAA;AAE/B,UAAU,KAAM,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACjD,QAAQ,EAAE,MAAM,CAAA;IAChB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,yCAAyC;IACzC,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAC/B;AAqBD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,QAAQ,8CAAgB,KAAK,6CAIxC,CAAA"}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { memo, Suspense, useMemo } from 'react';
|
|
3
|
-
import { Text } from '@react-three/uikit';
|
|
4
|
-
import { FontReadyContainer } from '../../fonts/FontReadyContainer';
|
|
5
|
-
const InnerText = memo(({ children, fontUrl, textureSize, ...textProps }) => {
|
|
6
|
-
const texts = useMemo(() => [children], [children]);
|
|
7
|
-
return (_jsx(FontReadyContainer, { texts: texts, fontUrl: fontUrl, textureSize: textureSize, children: _jsx(Text, { ...textProps, children: children }) }));
|
|
8
|
-
});
|
|
9
|
-
InnerText.displayName = 'MsdfText.Inner';
|
|
10
|
-
/**
|
|
11
|
-
* MSDF フォントで日本語テキストを表示するコンポーネント。
|
|
12
|
-
* children の文字列から必要な文字セットを自動導出し、
|
|
13
|
-
* フォント読み込み・Suspense を内部で処理する。
|
|
14
|
-
*
|
|
15
|
-
* @example
|
|
16
|
-
* ```tsx
|
|
17
|
-
* <MsdfText fontSize={48} color={0x666666}>
|
|
18
|
-
* URLを入力してください
|
|
19
|
-
* </MsdfText>
|
|
20
|
-
* ```
|
|
21
|
-
*/
|
|
22
|
-
export const MsdfText = memo((props) => (_jsx(Suspense, { fallback: null, children: _jsx(InnerText, { ...props }) })));
|
|
23
|
-
MsdfText.displayName = 'MsdfText';
|
|
24
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/MsdfText/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC/C,OAAO,EAAE,IAAI,EAAuB,MAAM,oBAAoB,CAAA;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAA;AAYnE,MAAM,SAAS,GAAG,IAAI,CACpB,CAAC,EACC,QAAQ,EACR,OAAO,EACP,WAAW,EACX,GAAG,SAAS,EACN,EAAE,EAAE;IACV,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEnD,OAAO,CACL,KAAC,kBAAkB,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,YAC1E,KAAC,IAAI,OAAK,SAAS,YAAG,QAAQ,GAAQ,GACnB,CACtB,CAAA;AACH,CAAC,CACF,CAAA;AAED,SAAS,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAExC;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAC,CAAC,KAAY,EAAE,EAAE,CAAC,CAC7C,KAAC,QAAQ,IAAC,QAAQ,EAAE,IAAI,YACtB,KAAC,SAAS,OAAK,KAAK,GAAI,GACf,CACZ,CAAC,CAAA;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"utils.test.d.ts","sourceRoot":"","sources":["../../../../src/components/Portal/__tests__/utils.test.ts"],"names":[],"mappings":""}
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import { describe, it, expect } from 'vitest';
|
|
2
|
-
import { generateParticlePositions, generateParticleVelocities } from '../utils';
|
|
3
|
-
describe('generateParticlePositions', () => {
|
|
4
|
-
it('正しい長さのFloat32Arrayを返す', () => {
|
|
5
|
-
const result = generateParticlePositions(80, 1.0, 1.3);
|
|
6
|
-
expect(result).toBeInstanceOf(Float32Array);
|
|
7
|
-
expect(result.length).toBe(80 * 3);
|
|
8
|
-
});
|
|
9
|
-
it('パーティクル数0で空の配列を返す', () => {
|
|
10
|
-
const result = generateParticlePositions(0, 1.0, 1.3);
|
|
11
|
-
expect(result.length).toBe(0);
|
|
12
|
-
});
|
|
13
|
-
it('各パーティクルのXY座標が半径内に収まる', () => {
|
|
14
|
-
const radius = 1.0;
|
|
15
|
-
const aspectRatio = 1.3;
|
|
16
|
-
const result = generateParticlePositions(100, radius, aspectRatio);
|
|
17
|
-
for (let i = 0; i < 100; i++) {
|
|
18
|
-
const x = result[i * 3];
|
|
19
|
-
const y = result[i * 3 + 1];
|
|
20
|
-
expect(Math.abs(x)).toBeLessThanOrEqual(radius);
|
|
21
|
-
expect(Math.abs(y)).toBeLessThanOrEqual(radius * aspectRatio);
|
|
22
|
-
}
|
|
23
|
-
});
|
|
24
|
-
it('Z座標が-0.1〜0.1の範囲内に収まる', () => {
|
|
25
|
-
const result = generateParticlePositions(100, 1.0, 1.3);
|
|
26
|
-
for (let i = 0; i < 100; i++) {
|
|
27
|
-
const z = result[i * 3 + 2];
|
|
28
|
-
expect(z).toBeGreaterThanOrEqual(-0.1);
|
|
29
|
-
expect(z).toBeLessThanOrEqual(0.1);
|
|
30
|
-
}
|
|
31
|
-
});
|
|
32
|
-
});
|
|
33
|
-
describe('generateParticleVelocities', () => {
|
|
34
|
-
it('正しい長さのFloat32Arrayを返す', () => {
|
|
35
|
-
const result = generateParticleVelocities(80);
|
|
36
|
-
expect(result).toBeInstanceOf(Float32Array);
|
|
37
|
-
expect(result.length).toBe(80 * 2);
|
|
38
|
-
});
|
|
39
|
-
it('角速度が0.5〜2.0の範囲内', () => {
|
|
40
|
-
const result = generateParticleVelocities(100);
|
|
41
|
-
for (let i = 0; i < 100; i++) {
|
|
42
|
-
const angularSpeed = result[i * 2];
|
|
43
|
-
expect(angularSpeed).toBeGreaterThanOrEqual(0.5);
|
|
44
|
-
expect(angularSpeed).toBeLessThanOrEqual(2.0);
|
|
45
|
-
}
|
|
46
|
-
});
|
|
47
|
-
it('初期位相が0〜2πの範囲内', () => {
|
|
48
|
-
const result = generateParticleVelocities(100);
|
|
49
|
-
for (let i = 0; i < 100; i++) {
|
|
50
|
-
const phase = result[i * 2 + 1];
|
|
51
|
-
expect(phase).toBeGreaterThanOrEqual(0);
|
|
52
|
-
expect(phase).toBeLessThanOrEqual(Math.PI * 2);
|
|
53
|
-
}
|
|
54
|
-
});
|
|
55
|
-
});
|
|
56
|
-
//# sourceMappingURL=utils.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"utils.test.js","sourceRoot":"","sources":["../../../../src/components/Portal/__tests__/utils.test.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"utils.test.d.ts","sourceRoot":"","sources":["../../../../src/components/ScreenShareDisplay/__tests__/utils.test.ts"],"names":[],"mappings":""}
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import { describe, it, expect } from 'vitest';
|
|
2
|
-
import { calculateContainSize } from '../utils';
|
|
3
|
-
describe('calculateContainSize', () => {
|
|
4
|
-
it('横長映像を横長スクリーンに収める(映像の方がより横長)', () => {
|
|
5
|
-
// 映像 1920x1080 (16:9), スクリーン 4x3 (4:3)
|
|
6
|
-
// videoAspect(1.78) > screenAspect(1.33) → 幅に合わせる
|
|
7
|
-
const [w, h] = calculateContainSize(1920, 1080, 4, 3);
|
|
8
|
-
expect(w).toBe(4);
|
|
9
|
-
expect(h).toBeCloseTo(4 / (1920 / 1080));
|
|
10
|
-
});
|
|
11
|
-
it('縦長映像を横長スクリーンに収める', () => {
|
|
12
|
-
// 映像 1080x1920 (9:16), スクリーン 4x2.25 (16:9)
|
|
13
|
-
// videoAspect(0.5625) < screenAspect(1.78) → 高さに合わせる
|
|
14
|
-
const [w, h] = calculateContainSize(1080, 1920, 4, 2.25);
|
|
15
|
-
expect(h).toBe(2.25);
|
|
16
|
-
expect(w).toBeCloseTo(2.25 * (1080 / 1920));
|
|
17
|
-
});
|
|
18
|
-
it('映像とスクリーンが同じアスペクト比の場合はぴったり収まる', () => {
|
|
19
|
-
// 映像 1920x1080, スクリーン 4x2.25 (どちらも16:9)
|
|
20
|
-
const [w, h] = calculateContainSize(1920, 1080, 4, 2.25);
|
|
21
|
-
expect(w).toBeCloseTo(4);
|
|
22
|
-
expect(h).toBeCloseTo(2.25);
|
|
23
|
-
});
|
|
24
|
-
it('正方形映像を横長スクリーンに収める', () => {
|
|
25
|
-
// 映像 1080x1080 (1:1), スクリーン 4x2.25 (16:9)
|
|
26
|
-
// videoAspect(1) < screenAspect(1.78) → 高さに合わせる
|
|
27
|
-
const [w, h] = calculateContainSize(1080, 1080, 4, 2.25);
|
|
28
|
-
expect(h).toBe(2.25);
|
|
29
|
-
expect(w).toBeCloseTo(2.25);
|
|
30
|
-
});
|
|
31
|
-
it('videoWidth と videoHeight が共に 0 の場合はスクリーンサイズを返す', () => {
|
|
32
|
-
const [w, h] = calculateContainSize(0, 0, 4, 2.25);
|
|
33
|
-
expect(w).toBe(4);
|
|
34
|
-
expect(h).toBe(2.25);
|
|
35
|
-
});
|
|
36
|
-
it('videoWidth のみ 0 の場合はスクリーンサイズを返す', () => {
|
|
37
|
-
const [w, h] = calculateContainSize(0, 1080, 4, 2.25);
|
|
38
|
-
expect(w).toBe(4);
|
|
39
|
-
expect(h).toBe(2.25);
|
|
40
|
-
});
|
|
41
|
-
it('videoHeight のみ 0 の場合はスクリーンサイズを返す', () => {
|
|
42
|
-
const [w, h] = calculateContainSize(1920, 0, 4, 2.25);
|
|
43
|
-
expect(w).toBe(4);
|
|
44
|
-
expect(h).toBe(2.25);
|
|
45
|
-
});
|
|
46
|
-
});
|
|
47
|
-
//# sourceMappingURL=utils.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"utils.test.js","sourceRoot":"","sources":["../../../../src/components/ScreenShareDisplay/__tests__/utils.test.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import type { Props } from './types';
|
|
2
|
-
export type { Props as TroikaTextProps };
|
|
3
|
-
export declare const TroikaText: import("react").MemoExoticComponent<({ children, fontSize, color, font, maxWidth, textAlign, lineHeight, letterSpacing, anchorX, anchorY, ...contentProps }: Props) => import("react/jsx-runtime").JSX.Element>;
|
|
4
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TroikaText/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAKpC,YAAY,EAAE,KAAK,IAAI,eAAe,EAAE,CAAA;AAExC,eAAO,MAAM,UAAU,+JAalB,KAAK,6CAoDT,CAAA"}
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { Children, memo, useRef, useState, useEffect, useLayoutEffect, useMemo } from 'react';
|
|
3
|
-
import { Content } from '@react-three/uikit';
|
|
4
|
-
import { Text as TroikaTextMesh, preloadFont } from 'troika-three-text';
|
|
5
|
-
import { suspend } from 'suspend-react';
|
|
6
|
-
import { useThree } from '@react-three/fiber';
|
|
7
|
-
const DEFAULT_FONT_URL = 'https://cdn.jsdelivr.net/fontsource/fonts/noto-sans-jp@latest/japanese-400-normal.ttf';
|
|
8
|
-
export const TroikaText = memo(({ children, fontSize = 16, color, font, maxWidth, textAlign, lineHeight, letterSpacing, anchorX = 'left', anchorY = 'top', ...contentProps }) => {
|
|
9
|
-
const resolvedFont = font ?? DEFAULT_FONT_URL;
|
|
10
|
-
const contentRef = useRef(null);
|
|
11
|
-
const invalidate = useThree(({ invalidate }) => invalidate);
|
|
12
|
-
const [troikaMesh] = useState(() => new TroikaTextMesh());
|
|
13
|
-
// フォントプリロード(Suspense 対応 — drei と同じパターン)
|
|
14
|
-
suspend(() => new Promise((res) => preloadFont({ font: resolvedFont }, () => res())), ['troika-font', resolvedFont]);
|
|
15
|
-
// children からテキスト文字列を抽出(drei と同じパターン)
|
|
16
|
-
const text = useMemo(() => {
|
|
17
|
-
let t = '';
|
|
18
|
-
Children.forEach(children, (child) => {
|
|
19
|
-
if (typeof child === 'string' || typeof child === 'number')
|
|
20
|
-
t += child;
|
|
21
|
-
});
|
|
22
|
-
return t;
|
|
23
|
-
}, [children]);
|
|
24
|
-
// troika プロパティを設定して sync(毎レンダリング)
|
|
25
|
-
useLayoutEffect(() => {
|
|
26
|
-
troikaMesh.text = text;
|
|
27
|
-
troikaMesh.font = resolvedFont;
|
|
28
|
-
troikaMesh.fontSize = fontSize;
|
|
29
|
-
if (color != null)
|
|
30
|
-
troikaMesh.color = color;
|
|
31
|
-
if (maxWidth != null)
|
|
32
|
-
troikaMesh.maxWidth = maxWidth;
|
|
33
|
-
if (textAlign != null)
|
|
34
|
-
troikaMesh.textAlign = textAlign;
|
|
35
|
-
if (lineHeight != null)
|
|
36
|
-
troikaMesh.lineHeight = lineHeight;
|
|
37
|
-
if (letterSpacing != null)
|
|
38
|
-
troikaMesh.letterSpacing = letterSpacing;
|
|
39
|
-
troikaMesh.anchorX = anchorX;
|
|
40
|
-
troikaMesh.anchorY = anchorY;
|
|
41
|
-
troikaMesh.sync(() => {
|
|
42
|
-
invalidate();
|
|
43
|
-
contentRef.current?.notifyAncestorsChanged();
|
|
44
|
-
});
|
|
45
|
-
});
|
|
46
|
-
useEffect(() => () => troikaMesh.dispose(), [troikaMesh]);
|
|
47
|
-
return (_jsx(Content, { ref: contentRef, keepAspectRatio: false, ...contentProps, children: _jsx("primitive", { object: troikaMesh }) }));
|
|
48
|
-
});
|
|
49
|
-
TroikaText.displayName = 'TroikaText';
|
|
50
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/TroikaText/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import type { ReactNode } from 'react';
|
|
2
|
-
import type { ContentProperties } from '@react-three/uikit';
|
|
3
|
-
import type { ReactThreeFiber } from '@react-three/fiber';
|
|
4
|
-
/** ContentProperties と衝突するプロパティを除外(troika 用に再定義する) */
|
|
5
|
-
type ContentBaseProps = Omit<ContentProperties, 'children' | 'color' | 'fontSize' | 'letterSpacing' | 'lineHeight' | 'textAlign' | 'anchorX' | 'anchorY'>;
|
|
6
|
-
export interface Props extends ContentBaseProps {
|
|
7
|
-
children: ReactNode;
|
|
8
|
-
fontSize?: number;
|
|
9
|
-
color?: ReactThreeFiber.Color;
|
|
10
|
-
font?: string;
|
|
11
|
-
maxWidth?: number;
|
|
12
|
-
textAlign?: 'left' | 'right' | 'center' | 'justify';
|
|
13
|
-
lineHeight?: number | 'normal';
|
|
14
|
-
letterSpacing?: number;
|
|
15
|
-
anchorX?: number | 'left' | 'center' | 'right';
|
|
16
|
-
anchorY?: number | 'top' | 'top-baseline' | 'middle' | 'bottom-baseline' | 'bottom';
|
|
17
|
-
}
|
|
18
|
-
export {};
|
|
19
|
-
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/TroikaText/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAC3D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEzD,sDAAsD;AACtD,KAAK,gBAAgB,GAAG,IAAI,CAC1B,iBAAiB,EACf,UAAU,GACV,OAAO,GACP,UAAU,GACV,eAAe,GACf,YAAY,GACZ,WAAW,GACX,SAAS,GACT,SAAS,CACZ,CAAA;AAED,MAAM,WAAW,KAAM,SAAQ,gBAAgB;IAC7C,QAAQ,EAAE,SAAS,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,eAAe,CAAC,KAAK,CAAA;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAA;IACnD,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;IAC9C,OAAO,CAAC,EACJ,MAAM,GACN,KAAK,GACL,cAAc,GACd,QAAQ,GACR,iBAAiB,GACjB,QAAQ,CAAA;CACb"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/TroikaText/types.ts"],"names":[],"mappings":""}
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import type { ControlPanelProps } from './types';
|
|
2
|
-
export declare const ControlPanel: import("react").MemoExoticComponent<({ id, width, screenHeight, playing, progress, duration, volume, url, onPlayPause, onStop, onSeek, onVolumeChange, onUrlChange, }: ControlPanelProps) => import("react/jsx-runtime").JSX.Element>;
|
|
3
|
-
//# sourceMappingURL=ControlPanel.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ControlPanel.d.ts","sourceRoot":"","sources":["../../../src/components/VideoPlayer/ControlPanel.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAOhD,eAAO,MAAM,YAAY,yKAepB,iBAAiB,6CA6FrB,CAAA"}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { memo, useCallback } from 'react';
|
|
3
|
-
import { Text } from '@react-three/drei';
|
|
4
|
-
import { IconButton } from '../commons/IconButton';
|
|
5
|
-
import { VolumeControl } from '../commons/VolumeControl';
|
|
6
|
-
import { ProgressBar } from './ProgressBar';
|
|
7
|
-
import { formatTime } from './utils';
|
|
8
|
-
import { useTextInputContext } from '../../contexts/TextInputContext';
|
|
9
|
-
const PANEL_HEIGHT = 0.15;
|
|
10
|
-
const BUTTON_SIZE = PANEL_HEIGHT * 0.6;
|
|
11
|
-
const PROGRESS_BAR_WIDTH_RATIO = 0.5;
|
|
12
|
-
const PROGRESS_BAR_HEIGHT = 0.02;
|
|
13
|
-
export const ControlPanel = memo(({ id, width, screenHeight, playing, progress, duration, volume, url, onPlayPause, onStop, onSeek, onVolumeChange, onUrlChange, }) => {
|
|
14
|
-
const panelY = -screenHeight / 2 - PANEL_HEIGHT / 2;
|
|
15
|
-
const progressBarWidth = width * PROGRESS_BAR_WIDTH_RATIO;
|
|
16
|
-
const currentTime = progress * duration;
|
|
17
|
-
const timeText = `${formatTime(currentTime)} / ${formatTime(duration)}`;
|
|
18
|
-
const { requestTextInput } = useTextInputContext();
|
|
19
|
-
const handleUrlInput = useCallback(() => {
|
|
20
|
-
requestTextInput({
|
|
21
|
-
id: `${id}-url-input`,
|
|
22
|
-
placeholder: '動画のURLを入力',
|
|
23
|
-
initialValue: url,
|
|
24
|
-
onSubmit: (value) => {
|
|
25
|
-
if (value && value.trim() !== '') {
|
|
26
|
-
onUrlChange(value.trim());
|
|
27
|
-
}
|
|
28
|
-
},
|
|
29
|
-
});
|
|
30
|
-
}, [id, url, onUrlChange, requestTextInput]);
|
|
31
|
-
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(ProgressBar, { id: `${id}-progress`, position: [0, 0.01, 0.01], width: progressBarWidth, height: PROGRESS_BAR_HEIGHT, progress: progress, duration: duration, onSeek: onSeek }), _jsx(Text, { position: [0, -0.035, 0.01], fontSize: 0.025, color: "#aaaaaa", anchorX: "center", anchorY: "middle", children: timeText }), _jsx(VolumeControl, { id: `${id}-volume`, position: [width * 0.4, 0, 0.01], size: BUTTON_SIZE, volume: volume, onVolumeChange: onVolumeChange })] }));
|
|
32
|
-
});
|
|
33
|
-
ControlPanel.displayName = 'ControlPanel';
|
|
34
|
-
//# sourceMappingURL=ControlPanel.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ControlPanel.js","sourceRoot":"","sources":["../../../src/components/VideoPlayer/ControlPanel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import type { ProgressBarProps } from './types';
|
|
2
|
-
export declare const ProgressBar: import("react").MemoExoticComponent<({ id, position, width, height, progress, duration, onSeek, }: ProgressBarProps) => import("react/jsx-runtime").JSX.Element>;
|
|
3
|
-
//# sourceMappingURL=ProgressBar.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../src/components/VideoPlayer/ProgressBar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAI/C,eAAO,MAAM,WAAW,qGASnB,gBAAgB,6CA8CpB,CAAA"}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { memo, useMemo } from 'react';
|
|
3
|
-
import { Interactable } from '../Interactable';
|
|
4
|
-
import { calculateSegments, calculateProgressBar } from '../commons/utils';
|
|
5
|
-
import { formatTime } from './utils';
|
|
6
|
-
const SEGMENTS = 20;
|
|
7
|
-
export const ProgressBar = memo(({ id, position, width, height, progress, duration, onSeek, }) => {
|
|
8
|
-
const { width: progressWidth, offset: progressOffset } = calculateProgressBar(progress, width);
|
|
9
|
-
const segmentWidth = width / SEGMENTS;
|
|
10
|
-
const segments = useMemo(() => {
|
|
11
|
-
return calculateSegments({
|
|
12
|
-
segments: SEGMENTS,
|
|
13
|
-
width,
|
|
14
|
-
maxValue: duration,
|
|
15
|
-
formatLabel: (value) => (value === 0 ? '最初に戻る' : formatTime(value)),
|
|
16
|
-
});
|
|
17
|
-
}, [duration, width]);
|
|
18
|
-
return (_jsxs("group", { position: position, children: [_jsxs("mesh", { position: [0, 0, 0], children: [_jsx("planeGeometry", { args: [width, height] }), _jsx("meshBasicMaterial", { color: "#333333" })] }), progressWidth > 0 && (_jsxs("mesh", { position: [progressOffset, 0, 0.001], children: [_jsx("planeGeometry", { args: [progressWidth, height] }), _jsx("meshBasicMaterial", { color: "#4a9eff" })] })), segments.map((segment) => (_jsx(Interactable, { id: `${id}-seg-${segment.index}`, onInteract: () => onSeek(segment.value), interactionText: segment.label, children: _jsxs("mesh", { position: [segment.xPos, 0, 0.002], children: [_jsx("planeGeometry", { args: [segmentWidth * 0.98, height * 2] }), _jsx("meshBasicMaterial", { transparent: true, opacity: 0, depthWrite: false })] }) }, segment.index)))] }));
|
|
19
|
-
});
|
|
20
|
-
ProgressBar.displayName = 'ProgressBar';
|
|
21
|
-
//# sourceMappingURL=ProgressBar.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../src/components/VideoPlayer/ProgressBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,OAAO,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAC1E,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAGpC,MAAM,QAAQ,GAAG,EAAE,CAAA;AAEnB,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,CAC7B,CAAC,EACC,EAAE,EACF,QAAQ,EACR,KAAK,EACL,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,MAAM,GACW,EAAE,EAAE;IACrB,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,EAAE,cAAc,EAAE,GAAG,oBAAoB,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAA;IAC9F,MAAM,YAAY,GAAG,KAAK,GAAG,QAAQ,CAAA;IAErC,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5B,OAAO,iBAAiB,CAAC;YACvB,QAAQ,EAAE,QAAQ;YAClB,KAAK;YACL,QAAQ,EAAE,QAAQ;YAClB,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;SACpE,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAA;IAErB,OAAO,CACL,iBAAO,QAAQ,EAAE,QAAQ,aAEvB,gBAAM,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,aACvB,wBAAe,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,GAAI,EACxC,4BAAmB,KAAK,EAAC,SAAS,GAAG,IAChC,EAGN,aAAa,GAAG,CAAC,IAAI,CACpB,gBAAM,QAAQ,EAAE,CAAC,cAAc,EAAE,CAAC,EAAE,KAAK,CAAC,aACxC,wBAAe,IAAI,EAAE,CAAC,aAAa,EAAE,MAAM,CAAC,GAAI,EAChD,4BAAmB,KAAK,EAAC,SAAS,GAAG,IAChC,CACR,EAGA,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CACzB,KAAC,YAAY,IAEX,EAAE,EAAE,GAAG,EAAE,QAAQ,OAAO,CAAC,KAAK,EAAE,EAChC,UAAU,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EACvC,eAAe,EAAE,OAAO,CAAC,KAAK,YAE9B,gBAAM,QAAQ,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,CAAC,aACtC,wBAAe,IAAI,EAAE,CAAC,YAAY,GAAG,IAAI,EAAE,MAAM,GAAG,CAAC,CAAC,GAAI,EAC1D,4BAAmB,WAAW,QAAC,OAAO,EAAE,CAAC,EAAE,UAAU,EAAE,KAAK,GAAI,IAC3D,IARF,OAAO,CAAC,KAAK,CASL,CAChB,CAAC,IACI,CACT,CAAA;AACH,CAAC,CACF,CAAA;AAED,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"utils.test.d.ts","sourceRoot":"","sources":["../../../../src/components/VideoPlayer/__tests__/utils.test.ts"],"names":[],"mappings":""}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { describe, it, expect } from 'vitest';
|
|
2
|
-
import { formatTime } from '../utils';
|
|
3
|
-
describe('formatTime', () => {
|
|
4
|
-
it('0秒を0:00にフォーマット', () => {
|
|
5
|
-
expect(formatTime(0)).toBe('0:00');
|
|
6
|
-
});
|
|
7
|
-
it('59秒を0:59にフォーマット', () => {
|
|
8
|
-
expect(formatTime(59)).toBe('0:59');
|
|
9
|
-
});
|
|
10
|
-
it('60秒を1:00にフォーマット', () => {
|
|
11
|
-
expect(formatTime(60)).toBe('1:00');
|
|
12
|
-
});
|
|
13
|
-
it('90秒を1:30にフォーマット', () => {
|
|
14
|
-
expect(formatTime(90)).toBe('1:30');
|
|
15
|
-
});
|
|
16
|
-
it('3661秒を61:01にフォーマット', () => {
|
|
17
|
-
expect(formatTime(3661)).toBe('61:01');
|
|
18
|
-
});
|
|
19
|
-
it('小数点以下を切り捨て', () => {
|
|
20
|
-
expect(formatTime(65.9)).toBe('1:05');
|
|
21
|
-
});
|
|
22
|
-
});
|
|
23
|
-
//# sourceMappingURL=utils.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"utils.test.js","sourceRoot":"","sources":["../../../../src/components/VideoPlayer/__tests__/utils.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAErC,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;IAC1B,EAAE,CAAC,gBAAgB,EAAE,GAAG,EAAE;QACxB,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;IACpC,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,iBAAiB,EAAE,GAAG,EAAE;QACzB,MAAM,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;IACrC,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,iBAAiB,EAAE,GAAG,EAAE;QACzB,MAAM,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;IACrC,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,iBAAiB,EAAE,GAAG,EAAE;QACzB,MAAM,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;IACrC,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,oBAAoB,EAAE,GAAG,EAAE;QAC5B,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;IACxC,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,YAAY,EAAE,GAAG,EAAE;QACpB,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;IACvC,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
interface Props {
|
|
2
|
-
id: string;
|
|
3
|
-
position: [number, number, number];
|
|
4
|
-
width: number;
|
|
5
|
-
height: number;
|
|
6
|
-
progress: number;
|
|
7
|
-
duration: number;
|
|
8
|
-
onSeek: (time: number) => void;
|
|
9
|
-
}
|
|
10
|
-
export declare const ProgressBar: import("react").MemoExoticComponent<({ id, position, width, height, progress, duration, onSeek, }: Props) => import("react/jsx-runtime").JSX.Element>;
|
|
11
|
-
export {};
|
|
12
|
-
//# sourceMappingURL=ProgressBar.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../../src/components/VideoPlayer/components/ProgressBar.tsx"],"names":[],"mappings":"AAKA,UAAU,KAAK;IACb,EAAE,EAAE,MAAM,CAAA;IACV,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;IAClC,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CAC/B;AAID,eAAO,MAAM,WAAW,qGASnB,KAAK,6CA8CT,CAAA"}
|