@xrift/world-components 0.31.6 → 0.32.1
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/LiveVideoPlayer/components/ControlPanel/index.d.ts +3 -1
- package/dist/components/LiveVideoPlayer/components/ControlPanel/index.d.ts.map +1 -1
- package/dist/components/LiveVideoPlayer/components/ControlPanel/index.js +33 -11
- package/dist/components/LiveVideoPlayer/components/ControlPanel/index.js.map +1 -1
- package/dist/components/LiveVideoPlayer/index.d.ts.map +1 -1
- package/dist/components/LiveVideoPlayer/index.js +34 -2
- package/dist/components/LiveVideoPlayer/index.js.map +1 -1
- package/dist/components/ScreenShareDisplay/index.d.ts.map +1 -1
- package/dist/components/ScreenShareDisplay/index.js +1 -1
- package/dist/components/ScreenShareDisplay/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -6,11 +6,13 @@ interface Props {
|
|
|
6
6
|
volume: number;
|
|
7
7
|
isBuffering: boolean;
|
|
8
8
|
url: string;
|
|
9
|
+
visible: boolean;
|
|
9
10
|
onPlayPause: () => void;
|
|
10
11
|
onStop: () => void;
|
|
11
12
|
onVolumeChange: (volume: number) => void;
|
|
12
13
|
onUrlChange: (url: string) => void;
|
|
14
|
+
onToggleVisible: () => void;
|
|
13
15
|
}
|
|
14
|
-
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>;
|
|
16
|
+
export declare const ControlPanel: import("react").MemoExoticComponent<({ id, width, screenHeight, playing, volume, isBuffering, url, visible, onPlayPause, onStop, onVolumeChange, onUrlChange, onToggleVisible, }: Props) => import("react/jsx-runtime").JSX.Element>;
|
|
15
17
|
export {};
|
|
16
18
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/LiveVideoPlayer/components/ControlPanel/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/LiveVideoPlayer/components/ControlPanel/index.tsx"],"names":[],"mappings":"AAIA,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,OAAO,EAAE,OAAO,CAAA;IAChB,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;IAClC,eAAe,EAAE,MAAM,IAAI,CAAA;CAC5B;AA6CD,eAAO,MAAM,YAAY,oLAepB,KAAK,6CAiKT,CAAA"}
|
|
@@ -1,14 +1,26 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { memo, useCallback } from 'react';
|
|
3
|
-
import { Text } from '@react-three/
|
|
4
|
-
import { IconButton } from '../../../commons/IconButton';
|
|
5
|
-
import { VolumeControl } from '../../../commons/VolumeControl';
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { memo, useCallback, useMemo } from 'react';
|
|
3
|
+
import { Container, Text } from '@react-three/uikit';
|
|
6
4
|
import { useTextInputContext } from '../../../../contexts/TextInputContext';
|
|
7
|
-
|
|
8
|
-
const
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
5
|
+
const PIXEL_SIZE = 0.01;
|
|
6
|
+
const VOLUME_SEGMENTS = 11;
|
|
7
|
+
/** パネル高さの割合（screenHeight の 10%） */
|
|
8
|
+
const PANEL_HEIGHT_RATIO = 0.1;
|
|
9
|
+
/** 一時停止アイコン: 2本の縦棒 */
|
|
10
|
+
const PauseIcon = memo(({ size }) => (_jsxs(Container, { width: size, height: size, flexDirection: "row", justifyContent: "center", alignItems: "center", gap: size * 0.15, children: [_jsx(Container, { width: size * 0.2, height: size * 0.7, backgroundColor: 0xffffff, borderRadius: 1 }), _jsx(Container, { width: size * 0.2, height: size * 0.7, backgroundColor: 0xffffff, borderRadius: 1 })] })));
|
|
11
|
+
PauseIcon.displayName = 'PauseIcon';
|
|
12
|
+
/** 再生アイコン: 右向き三角（3つの棒で近似） */
|
|
13
|
+
const PlayIcon = memo(({ size }) => (_jsxs(Container, { width: size, height: size, flexDirection: "row", justifyContent: "center", alignItems: "center", gap: 0, children: [_jsx(Container, { width: size * 0.15, height: size * 0.7, backgroundColor: 0xffffff, borderRadius: 1 }), _jsx(Container, { width: size * 0.15, height: size * 0.5, backgroundColor: 0xffffff, borderRadius: 1 }), _jsx(Container, { width: size * 0.15, height: size * 0.3, backgroundColor: 0xffffff, borderRadius: 1 })] })));
|
|
14
|
+
PlayIcon.displayName = 'PlayIcon';
|
|
15
|
+
/** 停止アイコン: 四角 */
|
|
16
|
+
const StopIcon = memo(({ size }) => (_jsx(Container, { width: size, height: size, justifyContent: "center", alignItems: "center", children: _jsx(Container, { width: size * 0.5, height: size * 0.5, backgroundColor: 0xffffff, borderRadius: 1 }) })));
|
|
17
|
+
StopIcon.displayName = 'StopIcon';
|
|
18
|
+
/** 音量アイコン: 棒グラフ風 */
|
|
19
|
+
const VolumeIcon = memo(({ size, muted }) => (_jsxs(Container, { width: size, height: size, flexDirection: "row", justifyContent: "center", alignItems: "flex-end", gap: size * 0.06, children: [_jsx(Container, { width: size * 0.12, height: size * 0.25, backgroundColor: muted ? 0x666666 : 0xffffff, borderRadius: 1 }), _jsx(Container, { width: size * 0.12, height: size * 0.45, backgroundColor: muted ? 0x666666 : 0xffffff, borderRadius: 1 }), _jsx(Container, { width: size * 0.12, height: size * 0.65, backgroundColor: muted ? 0x666666 : 0xffffff, borderRadius: 1 })] })));
|
|
20
|
+
VolumeIcon.displayName = 'VolumeIcon';
|
|
21
|
+
export const ControlPanel = memo(({ id, width, screenHeight, playing, volume, isBuffering, url, visible, onPlayPause, onStop, onVolumeChange, onUrlChange, onToggleVisible, }) => {
|
|
22
|
+
const pxHeight = screenHeight / PIXEL_SIZE;
|
|
23
|
+
const panelHeight = pxHeight * PANEL_HEIGHT_RATIO;
|
|
12
24
|
const { requestTextInput } = useTextInputContext();
|
|
13
25
|
const handleUrlInput = useCallback(() => {
|
|
14
26
|
requestTextInput({
|
|
@@ -22,7 +34,17 @@ export const ControlPanel = memo(({ id, width, screenHeight, playing, volume, is
|
|
|
22
34
|
},
|
|
23
35
|
});
|
|
24
36
|
}, [id, url, onUrlChange, requestTextInput]);
|
|
25
|
-
|
|
37
|
+
const volumeSegments = useMemo(() => {
|
|
38
|
+
return Array.from({ length: VOLUME_SEGMENTS }).map((_, i) => {
|
|
39
|
+
const value = i / (VOLUME_SEGMENTS - 1);
|
|
40
|
+
const isFilled = value <= volume;
|
|
41
|
+
return { index: i, value, isFilled };
|
|
42
|
+
});
|
|
43
|
+
}, [volume]);
|
|
44
|
+
const buttonSize = panelHeight * 0.6;
|
|
45
|
+
const iconSize = buttonSize * 0.5;
|
|
46
|
+
const fontSize = panelHeight * 0.35;
|
|
47
|
+
return (_jsx(Container, { sizeX: width, sizeY: screenHeight, pixelSize: PIXEL_SIZE, flexDirection: "column", justifyContent: "flex-end", onClick: onToggleVisible, cursor: "pointer", children: !visible ? null : _jsxs(_Fragment, { children: [_jsx(Container, { flexGrow: 1, width: "100%", backgroundColor: 0x000000, opacity: 0.4 }), _jsxs(Container, { width: "100%", height: panelHeight, backgroundColor: 0x000000, opacity: 0.6, flexDirection: "row", alignItems: "center", paddingX: panelHeight * 0.15, gap: panelHeight * 0.1, onClick: (e) => e.stopPropagation?.(), children: [_jsx(Container, { width: buttonSize, height: buttonSize, backgroundColor: 0x444444, borderRadius: buttonSize / 2, justifyContent: "center", alignItems: "center", hover: { backgroundColor: 0x666666 }, active: { backgroundColor: 0x333333 }, onClick: handleUrlInput, cursor: "pointer", children: _jsx(Text, { fontSize: iconSize * 0.6, color: 0xffffff, fontWeight: "bold", children: "URL" }) }), _jsx(Container, { width: buttonSize, height: buttonSize, backgroundColor: 0x444444, borderRadius: buttonSize / 2, justifyContent: "center", alignItems: "center", hover: { backgroundColor: 0x666666 }, active: { backgroundColor: 0x333333 }, onClick: onPlayPause, cursor: "pointer", children: playing ? _jsx(PauseIcon, { size: iconSize }) : _jsx(PlayIcon, { size: iconSize }) }), _jsx(Container, { width: buttonSize, height: buttonSize, backgroundColor: 0x444444, borderRadius: buttonSize / 2, justifyContent: "center", alignItems: "center", hover: { backgroundColor: 0x666666 }, active: { backgroundColor: 0x333333 }, onClick: onStop, cursor: "pointer", children: _jsx(StopIcon, { size: iconSize }) }), _jsxs(Container, { flexGrow: 1, height: "100%", flexDirection: "row", justifyContent: "center", alignItems: "center", gap: panelHeight * 0.1, children: [_jsx(Container, { width: panelHeight * 0.15, height: panelHeight * 0.15, borderRadius: panelHeight * 0.075, backgroundColor: playing ? 0xff0000 : 0x666666 }), _jsx(Text, { fontSize: fontSize * 0.8, color: 0xffffff, fontWeight: "bold", children: "LIVE" }), isBuffering && (_jsx(Text, { fontSize: fontSize * 0.6, color: 0xaaaaaa, children: '...' }))] }), _jsx(VolumeIcon, { size: iconSize, muted: volume === 0 }), _jsx(Container, { width: panelHeight * 1.2, height: panelHeight * 0.2, flexDirection: "row", borderRadius: 2, children: volumeSegments.map((seg) => (_jsx(Container, { flexGrow: 1, height: "100%", backgroundColor: seg.isFilled ? 0x4aff4a : 0x333333, hover: { backgroundColor: seg.isFilled ? 0x6eff6e : 0x555555 }, onClick: () => onVolumeChange(seg.value), cursor: "pointer" }, seg.index))) })] })] }) }));
|
|
26
48
|
});
|
|
27
49
|
ControlPanel.displayName = 'ControlPanel';
|
|
28
50
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/LiveVideoPlayer/components/ControlPanel/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/LiveVideoPlayer/components/ControlPanel/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LiveVideoPlayer/index.tsx"],"names":[],"mappings":"AASA,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;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LiveVideoPlayer/index.tsx"],"names":[],"mappings":"AASA,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;AASD,eAAO,MAAM,eAAe,kJAUvB,KAAK,6CAgJT,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { memo, Suspense } from "react";
|
|
2
|
+
import { memo, Suspense, useState, useCallback, useRef, useEffect } from "react";
|
|
3
3
|
import { FrontSide } from "three";
|
|
4
4
|
import { Text } from "@react-three/drei";
|
|
5
5
|
import { ControlPanel } from "./components/ControlPanel";
|
|
@@ -7,6 +7,8 @@ import { LiveVideoTexture } from "./components/LiveVideoTexture";
|
|
|
7
7
|
import { ErrorBoundary } from "../commons/ErrorBoundary";
|
|
8
8
|
import { PlaceholderScreen } from "../commons/PlaceholderScreen";
|
|
9
9
|
import { useLiveVideoPlayer } from "./hooks/useLiveVideoPlayer";
|
|
10
|
+
/** UI操作後に自動非表示するまでの時間（ms） */
|
|
11
|
+
const AUTO_HIDE_DELAY = 3000;
|
|
10
12
|
const DEFAULT_POSITION = [0, 2, -5];
|
|
11
13
|
const DEFAULT_ROTATION = [0, 0, 0];
|
|
12
14
|
const DEFAULT_WIDTH = 4;
|
|
@@ -18,8 +20,38 @@ export const LiveVideoPlayer = memo(({ id, position = DEFAULT_POSITION, rotation
|
|
|
18
20
|
initialVolume,
|
|
19
21
|
sync,
|
|
20
22
|
});
|
|
23
|
+
const [controlsVisible, setControlsVisible] = useState(false);
|
|
24
|
+
const autoHideTimerRef = useRef(null);
|
|
21
25
|
const screenHeight = width * (9 / 16);
|
|
22
|
-
|
|
26
|
+
const resetAutoHideTimer = useCallback(() => {
|
|
27
|
+
if (autoHideTimerRef.current)
|
|
28
|
+
clearTimeout(autoHideTimerRef.current);
|
|
29
|
+
autoHideTimerRef.current = setTimeout(() => {
|
|
30
|
+
setControlsVisible(false);
|
|
31
|
+
}, AUTO_HIDE_DELAY);
|
|
32
|
+
}, []);
|
|
33
|
+
// 再生中にUIを表示したらタイマー開始、停止中はタイマー解除
|
|
34
|
+
useEffect(() => {
|
|
35
|
+
if (videoState.playing && controlsVisible) {
|
|
36
|
+
resetAutoHideTimer();
|
|
37
|
+
}
|
|
38
|
+
else if (autoHideTimerRef.current) {
|
|
39
|
+
clearTimeout(autoHideTimerRef.current);
|
|
40
|
+
autoHideTimerRef.current = null;
|
|
41
|
+
}
|
|
42
|
+
return () => {
|
|
43
|
+
if (autoHideTimerRef.current)
|
|
44
|
+
clearTimeout(autoHideTimerRef.current);
|
|
45
|
+
};
|
|
46
|
+
}, [videoState.playing, controlsVisible, resetAutoHideTimer]);
|
|
47
|
+
const handleToggleControls = useCallback(() => {
|
|
48
|
+
setControlsVisible((prev) => !prev);
|
|
49
|
+
}, []);
|
|
50
|
+
const handleVolumeChange = useCallback((newVolume) => {
|
|
51
|
+
handlers.onVolumeChange(newVolume);
|
|
52
|
+
resetAutoHideTimer();
|
|
53
|
+
}, [handlers, resetAutoHideTimer]);
|
|
54
|
+
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", "material-side": FrontSide, 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", "material-side": FrontSide, children: "\u518D\u63A5\u7D9A\u4E2D..." })), _jsx("group", { position: [0, 0, 0.01], children: _jsx(ControlPanel, { id: id, width: width, screenHeight: screenHeight, playing: videoState.playing, volume: volume, isBuffering: isBuffering, url: videoState.url || "", visible: !videoState.playing || controlsVisible, onPlayPause: handlers.onPlayPause, onStop: handlers.onStop, onVolumeChange: handleVolumeChange, onUrlChange: handlers.onUrlChange, onToggleVisible: handleToggleControls }) })] }));
|
|
23
55
|
});
|
|
24
56
|
LiveVideoPlayer.displayName = "LiveVideoPlayer";
|
|
25
57
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/LiveVideoPlayer/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/LiveVideoPlayer/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ScreenShareDisplay/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAEpC,YAAY,EAAE,KAAK,IAAI,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAO/D;;;GAGG;AACH,eAAO,MAAM,kBAAkB,sFAM5B,KAAK,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ScreenShareDisplay/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAEpC,YAAY,EAAE,KAAK,IAAI,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAO/D;;;GAGG;AACH,eAAO,MAAM,kBAAkB,sFAM5B,KAAK,6CAyDN,CAAA"}
|
|
@@ -26,6 +26,6 @@ export const ScreenShareDisplay = memo(({ id, position = DEFAULT_POSITION, rotat
|
|
|
26
26
|
startScreenShare();
|
|
27
27
|
}
|
|
28
28
|
}, [isSharing, startScreenShare, stopScreenShare]);
|
|
29
|
-
return (_jsxs("group", { position: position, rotation: rotation, children: [_jsxs(Interactable, { id: id, onInteract: handleInteract, interactionText: interactionText, children: [_jsxs("mesh", { visible: !hasVideo, children: [_jsx("planeGeometry", { args: [screenSize[0], screenSize[1]] }), _jsx("meshBasicMaterial", { side: THREE.FrontSide, toneMapped: false, color: "#1a1a2a" })] }), _jsxs("mesh", { visible: hasVideo, children: [_jsx("planeGeometry", { args: [videoSize[0], videoSize[1]] }), _jsx("meshBasicMaterial", { map: texture, side: THREE.FrontSide, toneMapped: false })] })] }), !hasVideo && (_jsx(Text, { position: [0, 0, 0.01], fontSize: width * 0.05, color: "#666666", anchorX: "center", anchorY: "middle", textAlign: "center", children: isRoomConnected ? 'クリックして画面共有' : '他のユーザーがいると\n画面共有できます' }))] }));
|
|
29
|
+
return (_jsxs("group", { position: position, rotation: rotation, children: [_jsxs(Interactable, { id: id, onInteract: handleInteract, interactionText: interactionText, children: [_jsxs("mesh", { visible: !hasVideo, children: [_jsx("planeGeometry", { args: [screenSize[0], screenSize[1]] }), _jsx("meshBasicMaterial", { side: THREE.FrontSide, toneMapped: false, color: "#1a1a2a" })] }), _jsxs("mesh", { visible: hasVideo, children: [_jsx("planeGeometry", { args: [videoSize[0], videoSize[1]] }), _jsx("meshBasicMaterial", { map: texture, side: THREE.FrontSide, toneMapped: false })] })] }), !hasVideo && (_jsx(Text, { position: [0, 0, 0.01], fontSize: width * 0.05, color: "#666666", anchorX: "center", anchorY: "middle", textAlign: "center", "material-side": THREE.FrontSide, children: isRoomConnected ? 'クリックして画面共有' : '他のユーザーがいると\n画面共有できます' }))] }));
|
|
30
30
|
});
|
|
31
31
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ScreenShareDisplay/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAA;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAKzC,SAAS;AACT,MAAM,aAAa,GAAG,CAAC,CAAA;AACvB,MAAM,gBAAgB,GAA6B,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;AAC5D,MAAM,gBAAgB,GAA6B,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;AAE5D;;;GAGG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,IAAI,CAAC,CAAC,EACtC,EAAE,EACF,QAAQ,GAAG,gBAAgB,EAC3B,QAAQ,GAAG,gBAAgB,EAC3B,KAAK,GAAG,aAAa,EACrB,SAAS,GACH,EAAE,EAAE;IACV,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,gBAAgB,EAAE,eAAe,EAAE,eAAe,EAAE,GAAG,qBAAqB,EAAE,CAAA;IAC/G,MAAM,eAAe,GAAG,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAA;IACzD,MAAM,UAAU,GAAG,OAAO,CAAmB,GAAG,EAAE,CAAC,CAAC,KAAK,EAAE,KAAK,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IACtF,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,eAAe,CAAC,YAAY,EAAE,UAAU,EAAE,SAAS,CAAC,CAAA;IAE7F,MAAM,cAAc,GAAG,WAAW,CAAC,GAAG,EAAE;QACtC,IAAI,SAAS,EAAE,CAAC;YACd,eAAe,EAAE,CAAA;QACnB,CAAC;aAAM,CAAC;YACN,gBAAgB,EAAE,CAAA;QACpB,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,gBAAgB,EAAE,eAAe,CAAC,CAAC,CAAA;IAElD,OAAO,CACL,iBAAO,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,aAC3C,MAAC,YAAY,IACX,EAAE,EAAE,EAAE,EACN,UAAU,EAAE,cAAc,EAC1B,eAAe,EAAE,eAAe,aAGhC,gBAAM,OAAO,EAAE,CAAC,QAAQ,aACtB,wBAAe,IAAI,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,GAAI,EACvD,4BACE,IAAI,EAAE,KAAK,CAAC,SAAS,EACrB,UAAU,EAAE,KAAK,EACjB,KAAK,EAAC,SAAS,GACf,IACG,EAEP,gBAAM,OAAO,EAAE,QAAQ,aACrB,wBAAe,IAAI,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,GAAI,EACrD,4BACE,GAAG,EAAE,OAAO,EACZ,IAAI,EAAE,KAAK,CAAC,SAAS,EACrB,UAAU,EAAE,KAAK,GACjB,IACG,IACM,EAGd,CAAC,QAAQ,IAAI,CACZ,KAAC,IAAI,IACH,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,EACtB,QAAQ,EAAE,KAAK,GAAG,IAAI,EACtB,KAAK,EAAC,SAAS,EACf,OAAO,EAAC,QAAQ,EAChB,OAAO,EAAC,QAAQ,EAChB,SAAS,EAAC,QAAQ,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ScreenShareDisplay/index.tsx"],"names":[],"mappings":"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"}
|