@xrift/world-components 0.7.0 → 0.10.0

package/README.md

@@ -184,6 +184,181 @@ function MyWorld() {
 - 物理コライダーは含まれていません。必要な場合は`@react-three/rapier`などを使って別途追加してください
 - Meta Quest（Android Chrome）での互換性のため、マルチサンプリングは無効化されています
 
+### VideoScreen コンポーネント
+
+ワールド内で動画を再生できるスクリーンコンポーネントです。`useInstanceState`を使用してインスタンス内の全ユーザーで再生状態が同期されます。
+
+```tsx
+import { VideoScreen } from '@xrift/world-components'
+
+function MyWorld() {
+  return (
+    <>
+      {/* メインスクリーン */}
+      <VideoScreen
+        id="main-screen"
+        position={[0, 2, -5]}
+        scale={[16/9 * 3, 3]}
+        url="https://example.com/video.mp4"
+      />
+
+      {/* サブスクリーン */}
+      <VideoScreen
+        id="sub-screen"
+        position={[5, 1.5, -3]}
+        scale={[16/9 * 1.5, 1.5]}
+      />
+    </>
+  )
+}
+```
+
+#### Props
+
+| プロパティ | 型 | 必須 | デフォルト | 説明 |
+|-----------|-----|------|-----------|------|
+| `id` | `string` | ✓ | - | スクリーンの一意なID（インスタンス内で一意である必要があります） |
+| `position` | `[number, number, number]` | - | `[0, 2, -5]` | スクリーンの位置 |
+| `rotation` | `[number, number, number]` | - | `[0, 0, 0]` | スクリーンの回転 |
+| `scale` | `[number, number]` | - | `[16/9 * 3, 3]` | スクリーンのサイズ [幅, 高さ] |
+| `url` | `string` | - | `''` | 動画のURL |
+| `playing` | `boolean` | - | `true` | 再生中かどうか |
+| `currentTime` | `number` | - | `0` | 再生位置（秒） |
+| `sync` | `'global' \| 'local'` | - | `'global'` | 同期モード: `global` = インスタンス全体で同期, `local` = ローカルのみ |
+
+#### 同期モード
+
+VideoScreenは2つの同期モードをサポートしています：
+
+- **`sync="global"`（デフォルト）**: インスタンス内の全ユーザーで動画の状態が同期されます。シアターのメインスクリーンなど、全員で同じ動画を見る場合に使用します。
+- **`sync="local"`**: ローカルのみで動作し、他のユーザーとは同期されません。個人用モニターなど、各ユーザーが別々の動画を見る場合に使用します。
+
+```tsx
+// グローバル同期（デフォルト）
+<VideoScreen
+  id="theater-screen"
+  url="https://example.com/movie.mp4"
+  sync="global"
+/>
+
+// ローカルのみ
+<VideoScreen
+  id="personal-monitor"
+  url="https://example.com/video.mp4"
+  sync="local"
+/>
+```
+
+#### 状態管理
+
+VideoScreenは`useInstanceState`を使用して以下の状態を管理します：
+
+```tsx
+interface VideoState {
+  url: string          // 動画のURL
+  isPlaying: boolean   // 再生中かどうか
+  currentTime: number  // 現在の再生位置（秒）
+  serverTime: number   // サーバータイム（VRChat方式の同期用）
+}
+```
+
+#### 再生状態の制御（方法1: propsで制御）
+
+VideoScreenはpropsで直接制御できます：
+
+```tsx
+import { VideoScreen, Interactable } from '@xrift/world-components'
+import { useState } from 'react'
+
+function MyWorld() {
+  const [playing, setPlaying] = useState(true)
+  const [currentTime, setCurrentTime] = useState(0)
+
+  return (
+    <>
+      <VideoScreen
+        id="main-screen"
+        position={[0, 2, -5]}
+        scale={[16/9 * 3, 3]}
+        url="https://example.com/video.mp4"
+        playing={playing}
+        currentTime={currentTime}
+      />
+
+      <Interactable
+        id="toggle-button"
+        onInteract={() => setPlaying(!playing)}
+      >
+        <mesh>
+          <boxGeometry />
+          <meshStandardMaterial color={playing ? 'red' : 'green'} />
+        </mesh>
+      </Interactable>
+
+      <Interactable
+        id="seek-button"
+        onInteract={() => setCurrentTime(currentTime + 10)}
+      >
+        <mesh>
+          <boxGeometry />
+          <meshStandardMaterial color="cyan" />
+        </mesh>
+      </Interactable>
+    </>
+  )
+}
+```
+
+#### 再生状態の制御（方法2: useInstanceStateで制御）
+
+VideoScreenの状態は`useInstanceState`を使って外部から制御できます：
+
+```tsx
+import { VideoScreen, useInstanceState } from '@xrift/world-components'
+
+function MyWorld() {
+  const [videoState, setVideoState] = useInstanceState('video-main-screen', {
+    url: '',
+    isPlaying: false,
+    currentTime: 0,
+    serverTime: Date.now(),
+  })
+
+  const playVideo = (url: string) => {
+    setVideoState({
+      url,
+      isPlaying: true,
+      currentTime: 0,
+      serverTime: Date.now(),
+    })
+  }
+
+  return (
+    <>
+      <VideoScreen id="main-screen" />
+
+      <Interactable
+        id="play-button"
+        onInteract={() => playVideo('https://example.com/video.mp4')}
+      >
+        <mesh>
+          <boxGeometry />
+          <meshStandardMaterial color="green" />
+        </mesh>
+      </Interactable>
+    </>
+  )
+}
+```
+
+#### 注意事項
+
+- 動画URLは直接アクセス可能なMP4などの動画ファイルである必要があります
+- CORSの制約により、クロスオリジンの動画を再生する場合は、動画サーバー側で適切なCORSヘッダーの設定が必要です
+- 再生位置の同期はVRChat方式（サーバータイム基準）を採用しており、約0.5秒の誤差で自動補正されます
+- ブラウザのautoplay policyのため、動画は初期状態でミュートされています
+- 物理コライダーは含まれていません。必要な場合は別途追加してください
+
 ### Skybox コンポーネント
 
 画像を使わずにグラデーションで空を表現するシンプルなskyboxコンポーネントです。

package/dist/components/ScreenShareDisplay/hooks.d.ts

@@ -0,0 +1,10 @@
+import * as THREE from 'three';
+/**
+ * VideoElement から VideoTexture を作成し管理するフック
+ */
+export declare const useVideoTexture: (videoElement: HTMLVideoElement | null) => {
+    texture: THREE.VideoTexture<HTMLVideoElement> | null;
+    hasVideo: boolean;
+    materialRef: import("react").RefObject<THREE.MeshBasicMaterial>;
+};
+//# sourceMappingURL=hooks.d.ts.map

package/dist/components/ScreenShareDisplay/hooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../src/components/ScreenShareDisplay/hooks.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,cAAc,gBAAgB,GAAG,IAAI;;;;CAwDpE,CAAA"}

package/dist/components/ScreenShareDisplay/hooks.js

@@ -0,0 +1,57 @@
+import { useFrame } from '@react-three/fiber';
+import { useEffect, useRef, useState } from 'react';
+import * as THREE from 'three';
+/**
+ * VideoElement から VideoTexture を作成し管理するフック
+ */
+export const useVideoTexture = (videoElement) => {
+    const materialRef = useRef(null);
+    const [texture, setTexture] = useState(null);
+    const hasVideo = texture !== null;
+    // VideoTextureの作成と更新
+    useEffect(() => {
+        if (!videoElement) {
+            setTexture(null);
+            return;
+        }
+        const videoTexture = new THREE.VideoTexture(videoElement);
+        videoTexture.minFilter = THREE.LinearFilter;
+        videoTexture.magFilter = THREE.LinearFilter;
+        videoTexture.colorSpace = THREE.SRGBColorSpace;
+        videoTexture.needsUpdate = true;
+        setTexture(videoTexture);
+        return () => {
+            videoTexture.dispose();
+        };
+    }, [videoElement]);
+    // マテリアルにテクスチャをセット
+    useEffect(() => {
+        if (!materialRef.current || !texture)
+            return;
+        materialRef.current.map = texture;
+        materialRef.current.needsUpdate = true;
+    }, [texture]);
+    // テクスチャ更新（毎フレーム）
+    useFrame(() => {
+        if (!texture)
+            return;
+        texture.needsUpdate = true;
+    });
+    // video要素が一時停止していたら再生を試みる
+    useEffect(() => {
+        if (!videoElement)
+            return;
+        const checkAndPlay = () => {
+            if (videoElement.paused) {
+                videoElement.play().catch(() => {
+                    // 再生失敗は無視
+                });
+            }
+        };
+        checkAndPlay();
+        const interval = setInterval(checkAndPlay, 1000);
+        return () => clearInterval(interval);
+    }, [videoElement]);
+    return { texture, hasVideo, materialRef };
+};
+//# sourceMappingURL=hooks.js.map

package/dist/components/ScreenShareDisplay/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../src/components/ScreenShareDisplay/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACnD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,YAAqC,EAAE,EAAE;IACvE,MAAM,WAAW,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAA;IACzD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAA4B,IAAI,CAAC,CAAA;IACvE,MAAM,QAAQ,GAAG,OAAO,KAAK,IAAI,CAAA;IAEjC,qBAAqB;IACrB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,UAAU,CAAC,IAAI,CAAC,CAAA;YAChB,OAAM;QACR,CAAC;QAED,MAAM,YAAY,GAAG,IAAI,KAAK,CAAC,YAAY,CAAC,YAAY,CAAC,CAAA;QACzD,YAAY,CAAC,SAAS,GAAG,KAAK,CAAC,YAAY,CAAA;QAC3C,YAAY,CAAC,SAAS,GAAG,KAAK,CAAC,YAAY,CAAA;QAC3C,YAAY,CAAC,UAAU,GAAG,KAAK,CAAC,cAAc,CAAA;QAC9C,YAAY,CAAC,WAAW,GAAG,IAAI,CAAA;QAC/B,UAAU,CAAC,YAAY,CAAC,CAAA;QAExB,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,OAAO,EAAE,CAAA;QACxB,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAElB,kBAAkB;IAClB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,WAAW,CAAC,OAAO,IAAI,CAAC,OAAO;YAAE,OAAM;QAC5C,WAAW,CAAC,OAAO,CAAC,GAAG,GAAG,OAAO,CAAA;QACjC,WAAW,CAAC,OAAO,CAAC,WAAW,GAAG,IAAI,CAAA;IACxC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,iBAAiB;IACjB,QAAQ,CAAC,GAAG,EAAE;QACZ,IAAI,CAAC,OAAO;YAAE,OAAM;QACpB,OAAO,CAAC,WAAW,GAAG,IAAI,CAAA;IAC5B,CAAC,CAAC,CAAA;IAEF,0BAA0B;IAC1B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,YAAY;YAAE,OAAM;QAEzB,MAAM,YAAY,GAAG,GAAG,EAAE;YACxB,IAAI,YAAY,CAAC,MAAM,EAAE,CAAC;gBACxB,YAAY,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,EAAE;oBAC7B,UAAU;gBACZ,CAAC,CAAC,CAAA;YACJ,CAAC;QACH,CAAC,CAAA;QAED,YAAY,EAAE,CAAA;QACd,MAAM,QAAQ,GAAG,WAAW,CAAC,YAAY,EAAE,IAAI,CAAC,CAAA;QAEhD,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAA;IACtC,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAElB,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAA;AAC3C,CAAC,CAAA"}

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

@@ -0,0 +1,8 @@
+import type { Props } from './types';
+export type { Props as ScreenShareDisplayProps } from './types';
+/**
+ * 映像を3D空間内にスクリーンとして表示するコンポーネント
+ * 画面共有やカメラ映像などの表示に使用可能
+ */
+export declare const ScreenShareDisplay: import("react").MemoExoticComponent<({ id, position, rotation, scale, }: Props) => import("react/jsx-runtime").JSX.Element>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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,2EAK5B,KAAK,6CA8CN,CAAA"}

package/dist/components/ScreenShareDisplay/index.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text } from '@react-three/drei';
+import { memo, useCallback } from 'react';
+import * as THREE from 'three';
+import { useScreenShareContext } from '../../contexts/ScreenShareContext';
+import { Interactable } from '../Interactable';
+import { useVideoTexture } from './hooks';
+// デフォルト値
+const DEFAULT_SCALE = [4, 4 * (9 / 16)];
+const DEFAULT_POSITION = [0, 2, -5];
+const DEFAULT_ROTATION = [0, 0, 0];
+/**
+ * 映像を3D空間内にスクリーンとして表示するコンポーネント
+ * 画面共有やカメラ映像などの表示に使用可能
+ */
+export const ScreenShareDisplay = memo(({ id, position = DEFAULT_POSITION, rotation = DEFAULT_ROTATION, scale = DEFAULT_SCALE, }) => {
+    const { videoElement, isSharing, startScreenShare, stopScreenShare } = useScreenShareContext();
+    const interactionText = isSharing ? '画面共有を停止' : '画面共有を開始';
+    const { texture, hasVideo, materialRef } = useVideoTexture(videoElement);
+    const handleInteract = useCallback(() => {
+        if (isSharing) {
+            stopScreenShare();
+        }
+        else {
+            startScreenShare();
+        }
+    }, [isSharing, startScreenShare, stopScreenShare]);
+    return (_jsxs("group", { position: position, rotation: rotation, children: [_jsx(Interactable, { id: id, onInteract: handleInteract, interactionText: interactionText, children: _jsxs("mesh", { children: [_jsx("planeGeometry", { args: [scale[0], scale[1]] }), _jsx("meshBasicMaterial", { ref: materialRef, map: texture, side: THREE.FrontSide, toneMapped: false, color: hasVideo ? 'white' : '#1a1a2a' })] }) }), !hasVideo && (_jsx(Text, { position: [0, 0, 0.01], fontSize: scale[0] * 0.05, color: "#666666", anchorX: "center", anchorY: "middle", children: "\u30AF\u30EA\u30C3\u30AF\u3057\u3066\u753B\u9762\u5171\u6709" }))] }));
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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,MAAM,OAAO,CAAA;AACzC,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,GAAqB,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAA;AACzD,MAAM,gBAAgB,GAA6B,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;AAC7D,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,GACf,EAAE,EAAE;IACV,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,gBAAgB,EAAE,eAAe,EAAE,GAAG,qBAAqB,EAAE,CAAA;IAC9F,MAAM,eAAe,GAAG,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAA;IACzD,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,eAAe,CAAC,YAAY,CAAC,CAAA;IAExE,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,KAAC,YAAY,IACX,EAAE,EAAE,EAAE,EACN,UAAU,EAAE,cAAc,EAC1B,eAAe,EAAE,eAAe,YAEhC,2BACE,wBAAe,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,GAAI,EAC7C,4BACE,GAAG,EAAE,WAAW,EAChB,GAAG,EAAE,OAAO,EACZ,IAAI,EAAE,KAAK,CAAC,SAAS,EACrB,UAAU,EAAE,KAAK,EACjB,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,GACrC,IACG,GACM,EAGd,CAAC,QAAQ,IAAI,CACZ,KAAC,IAAI,IACH,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,EACtB,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,EACzB,KAAK,EAAC,SAAS,EACf,OAAO,EAAC,QAAQ,EAChB,OAAO,EAAC,QAAQ,6EAGX,CACR,IACK,CACT,CAAA;AACH,CAAC,CAAC,CAAA"}

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

@@ -0,0 +1,11 @@
+export interface Props {
+    /** スクリーンの一意なID */
+    id: string;
+    /** スクリーンの位置 */
+    position?: [number, number, number];
+    /** スクリーンの回転 */
+    rotation?: [number, number, number];
+    /** スクリーンのサイズ [幅, 高さ] */
+    scale?: [number, number];
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/ScreenShareDisplay/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ScreenShareDisplay/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,KAAK;IACpB,kBAAkB;IAClB,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,wBAAwB;IACxB,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CACzB"}

package/dist/components/ScreenShareDisplay/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/components/ScreenShareDisplay/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/ScreenShareDisplay/types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,8 @@
+import { VideoScreenProps } from './types';
+export type { VideoScreenProps, VideoState } from './types';
+/**
+ * VideoScreenコンポーネント
+ * Suspenseでラップして使用する
+ */
+export declare function VideoScreen(props: VideoScreenProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/VideoScreen/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAc,MAAM,SAAS,CAAA;AAEtD,YAAY,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAwG3D;;;GAGG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CA8BlD"}

package/dist/components/VideoScreen/index.js

@@ -0,0 +1,90 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Suspense, useEffect, useRef, useState } from 'react';
+import { useVideoTexture } from '@react-three/drei';
+import { useInstanceState } from '../../hooks/useInstanceState';
+/**
+ * 動画を表示する内部コンポーネント
+ * useVideoTextureを使用するためSuspense内で使用する必要がある
+ */
+function VideoScreenInner({ id, position = [0, 2, -5], rotation = [0, 0, 0], scale = [16 / 9 * 3, 3], url = '', playing = true, currentTime = 0, sync = 'global', }) {
+    // グローバル同期用の状態
+    const [globalState, setGlobalState] = useInstanceState(`video-${id}`, {
+        url: url,
+        isPlaying: playing,
+        currentTime: currentTime,
+        serverTime: Date.now(),
+    });
+    // ローカル専用の状態
+    const [localState, setLocalState] = useState({
+        url: url,
+        isPlaying: playing,
+        currentTime: currentTime,
+        serverTime: Date.now(),
+    });
+    // sync modeに応じて使用する状態を切り替え
+    const videoState = sync === 'global' ? globalState : localState;
+    const setVideoState = sync === 'global' ? setGlobalState : setLocalState;
+    // propsが変更されたら、状態も更新
+    // serverTimeは毎回Date.now()で変わってしまうので、本当に変更があった時だけ更新
+    useEffect(() => {
+        if (videoState.url !== url ||
+            videoState.isPlaying !== playing ||
+            videoState.currentTime !== currentTime) {
+            setVideoState({
+                url: url,
+                isPlaying: playing,
+                currentTime: currentTime,
+                serverTime: Date.now(),
+            });
+        }
+    }, [url, playing, currentTime, videoState, setVideoState]);
+    // useVideoTextureで動画テクスチャを取得
+    const texture = useVideoTexture(url || '', {
+        muted: true,
+        loop: true,
+        start: playing,
+    });
+    const videoRef = useRef(texture.image);
+    // 再生状態の同期
+    useEffect(() => {
+        const video = texture.image;
+        if (!video)
+            return;
+        if (playing) {
+            video.play().catch(err => {
+                console.error('Video play error:', err);
+            });
+        }
+        else {
+            video.pause();
+        }
+    }, [playing, texture]);
+    // 再生位置の同期ロジック（VRChat方式）
+    // currentTimeが外部から変更された場合のみ同期
+    const lastSyncTimeRef = useRef(currentTime);
+    useEffect(() => {
+        const video = texture.image;
+        if (!video)
+            return;
+        // currentTimeが外部から変更された場合のみシークする
+        if (lastSyncTimeRef.current !== currentTime) {
+            video.currentTime = currentTime;
+            lastSyncTimeRef.current = currentTime;
+        }
+    }, [currentTime, texture]);
+    return (_jsx("group", { position: position, rotation: rotation, children: _jsxs("mesh", { children: [_jsx("planeGeometry", { args: [scale[0], scale[1]] }), _jsx("meshBasicMaterial", { map: texture, toneMapped: false })] }) }));
+}
+/**
+ * VideoScreenコンポーネント
+ * Suspenseでラップして使用する
+ */
+export function VideoScreen(props) {
+    const { position, rotation, scale, url } = props;
+    const scaleValue = scale || [16 / 9 * 3, 3];
+    // urlが空の場合は黒いスクリーンを表示
+    if (!url) {
+        return (_jsx("group", { position: position, rotation: rotation, children: _jsxs("mesh", { children: [_jsx("planeGeometry", { args: scaleValue }), _jsx("meshBasicMaterial", { color: "#000000" })] }) }));
+    }
+    return (_jsx(Suspense, { fallback: _jsx("group", { position: position, rotation: rotation, children: _jsxs("mesh", { children: [_jsx("planeGeometry", { args: scaleValue }), _jsx("meshBasicMaterial", { color: "#333333" })] }) }), children: _jsx(VideoScreenInner, { ...props }) }));
+}
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,33 @@
+export interface VideoScreenProps {
+    /** スクリーンの一意なID（インスタンス内で一意である必要があります） */
+    id: string;
+    /** スクリーンの位置 */
+    position?: [number, number, number];
+    /** スクリーンの回転 */
+    rotation?: [number, number, number];
+    /** スクリーンのサイズ [幅, 高さ] */
+    scale?: [number, number];
+    /** 動画のURL */
+    url?: string;
+    /** 再生中かどうか（デフォルト: true） */
+    playing?: boolean;
+    /** 再生位置（秒） */
+    currentTime?: number;
+    /** 同期モード: "global" = インスタンス全体で同期, "local" = ローカルのみ（デフォルト: "global"） */
+    sync?: 'global' | 'local';
+}
+/**
+ * VideoScreenの状態
+ * useInstanceStateで同期される
+ */
+export interface VideoState {
+    /** 動画のURL */
+    url: string;
+    /** 再生中かどうか */
+    isPlaying: boolean;
+    /** 現在の再生位置（秒） */
+    currentTime: number;
+    /** サーバータイム（VRChat方式の同期用） */
+    serverTime: number;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/VideoScreen/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/VideoScreen/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,gBAAgB;IAC/B,wCAAwC;IACxC,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,wBAAwB;IACxB,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACxB,aAAa;IACb,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,2BAA2B;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,cAAc;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,uEAAuE;IACvE,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;CAC1B;AAED;;;GAGG;AACH,MAAM,WAAW,UAAU;IACzB,aAAa;IACb,GAAG,EAAE,MAAM,CAAA;IACX,cAAc;IACd,SAAS,EAAE,OAAO,CAAA;IAClB,iBAAiB;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,4BAA4B;IAC5B,UAAU,EAAE,MAAM,CAAA;CACnB"}

package/dist/components/VideoScreen/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/components/VideoScreen/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/VideoScreen/types.ts"],"names":[],"mappings":""}

package/dist/contexts/ScreenShareContext.d.ts

@@ -0,0 +1,31 @@
+import { type ReactNode } from 'react';
+export interface ScreenShareContextValue {
+    /** 表示する映像のvideo要素 */
+    videoElement: HTMLVideoElement | null;
+    /** 自分が共有中か */
+    isSharing: boolean;
+    /** 共有開始 */
+    startScreenShare: () => void;
+    /** 共有停止 */
+    stopScreenShare: () => void;
+}
+/**
+ * 画面共有の状態を提供するContext
+ * xrift-frontend側で値を注入し、ワールド側で参照できる
+ */
+export declare const ScreenShareContext: import("react").Context<ScreenShareContextValue | null>;
+interface Props {
+    value: ScreenShareContextValue;
+    children: ReactNode;
+}
+/**
+ * 画面共有の状態を提供するContextProvider
+ */
+export declare const ScreenShareProvider: ({ value, children }: Props) => import("react/jsx-runtime").JSX.Element;
+/**
+ * 画面共有の状態を取得するhook
+ * @throws {Error} ScreenShareProvider の外で呼び出された場合
+ */
+export declare const useScreenShareContext: () => ScreenShareContextValue;
+export {};
+//# sourceMappingURL=ScreenShareContext.d.ts.map

package/dist/contexts/ScreenShareContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScreenShareContext.d.ts","sourceRoot":"","sources":["../../src/contexts/ScreenShareContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,SAAS,EAAc,MAAM,OAAO,CAAA;AAEjE,MAAM,WAAW,uBAAuB;IACtC,qBAAqB;IACrB,YAAY,EAAE,gBAAgB,GAAG,IAAI,CAAA;IACrC,cAAc;IACd,SAAS,EAAE,OAAO,CAAA;IAClB,WAAW;IACX,gBAAgB,EAAE,MAAM,IAAI,CAAA;IAC5B,WAAW;IACX,eAAe,EAAE,MAAM,IAAI,CAAA;CAC5B;AAED;;;GAGG;AACH,eAAO,MAAM,kBAAkB,yDAAsD,CAAA;AAErF,UAAU,KAAK;IACb,KAAK,EAAE,uBAAuB,CAAA;IAC9B,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,mBAAmB,GAAI,qBAAqB,KAAK,4CAE7D,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,qBAAqB,QAAO,uBAMxC,CAAA"}

package/dist/contexts/ScreenShareContext.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from 'react';
+/**
+ * 画面共有の状態を提供するContext
+ * xrift-frontend側で値を注入し、ワールド側で参照できる
+ */
+export const ScreenShareContext = createContext(null);
+/**
+ * 画面共有の状態を提供するContextProvider
+ */
+export const ScreenShareProvider = ({ value, children }) => {
+    return _jsx(ScreenShareContext.Provider, { value: value, children: children });
+};
+/**
+ * 画面共有の状態を取得するhook
+ * @throws {Error} ScreenShareProvider の外で呼び出された場合
+ */
+export const useScreenShareContext = () => {
+    const context = useContext(ScreenShareContext);
+    if (!context) {
+        throw new Error('useScreenShareContext must be used within ScreenShareProvider');
+    }
+    return context;
+};
+//# sourceMappingURL=ScreenShareContext.js.map

package/dist/contexts/ScreenShareContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScreenShareContext.js","sourceRoot":"","sources":["../../src/contexts/ScreenShareContext.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAkB,UAAU,EAAE,MAAM,OAAO,CAAA;AAajE;;;GAGG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,aAAa,CAAiC,IAAI,CAAC,CAAA;AAOrF;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAS,EAAE,EAAE;IAChE,OAAO,KAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAA+B,CAAA;AAC5F,CAAC,CAAA;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAA4B,EAAE;IACjE,MAAM,OAAO,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAA;IAC9C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,+DAA+D,CAAC,CAAA;IAClF,CAAC;IACD,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA"}

package/dist/contexts/XRiftContext.d.ts

@@ -1,6 +1,7 @@
 import { type ReactNode } from 'react';
 import type { Object3D } from 'three';
 import { type InstanceStateContextValue } from './InstanceStateContext';
+import { type ScreenShareContextValue } from './ScreenShareContext';
 export interface XRiftContextValue {
     /**
      * ワールドのベースURL（CDNのディレクトリパス）
@@ -39,6 +40,10 @@ interface Props {
      * 指定しない場合はデフォルト実装（ローカルstate）が使用される
      */
     instanceStateImplementation?: InstanceStateContextValue;
+    /**
+     * 画面共有の実装
+     */
+    screenShareImplementation: ScreenShareContextValue;
     children: ReactNode;
 }
 /**
@@ -46,7 +51,7 @@ interface Props {
  * Module Federationで動的にロードされたワールドコンポーネントに
  * 必要な情報を注入するために使用
  */
-export declare const XRiftProvider: ({ baseUrl, currentTarget, instanceStateImplementation, children }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const XRiftProvider: ({ baseUrl, currentTarget, instanceStateImplementation, screenShareImplementation, children, }: Props) => import("react/jsx-runtime").JSX.Element;
 /**
  * XRift ワールドの情報を取得するhook
  * ワールドプロジェクト側でアセットの相対パスを絶対パスに変換する際に使用

package/dist/contexts/XRiftContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"XRiftContext.d.ts","sourceRoot":"","sources":["../../src/contexts/XRiftContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,SAAS,EAAqC,MAAM,OAAO,CAAA;AACxF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACrC,OAAO,EAAyB,KAAK,yBAAyB,EAAE,MAAM,wBAAwB,CAAA;AAE9F,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,OAAO,EAAE,MAAM,CAAA;IACf;;;OAGG;IACH,aAAa,EAAE,QAAQ,GAAG,IAAI,CAAA;IAC9B;;;OAGG;IACH,mBAAmB,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAA;IAClC;;OAEG;IACH,oBAAoB,EAAE,CAAC,MAAM,EAAE,QAAQ,KAAK,IAAI,CAAA;IAChD;;OAEG;IACH,sBAAsB,EAAE,CAAC,MAAM,EAAE,QAAQ,KAAK,IAAI,CAAA;CAKnD;AAED;;;GAGG;AACH,eAAO,MAAM,YAAY,mDAAgD,CAAA;AAEzE,UAAU,KAAK;IACb,OAAO,EAAE,MAAM,CAAA;IACf,aAAa,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAA;IAC/B;;;OAGG;IACH,2BAA2B,CAAC,EAAE,yBAAyB,CAAA;IACvD,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED;;;;GAIG;AACH,eAAO,MAAM,aAAa,GAAI,mEAK3B,KAAK,4CA6BP,CAAA;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,QAAQ,QAAO,iBAQ3B,CAAA"}
+{"version":3,"file":"XRiftContext.d.ts","sourceRoot":"","sources":["../../src/contexts/XRiftContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,SAAS,EAAqC,MAAM,OAAO,CAAA;AACxF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACrC,OAAO,EAAyB,KAAK,yBAAyB,EAAE,MAAM,wBAAwB,CAAA;AAC9F,OAAO,EAAuB,KAAK,uBAAuB,EAAE,MAAM,sBAAsB,CAAA;AAExF,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,OAAO,EAAE,MAAM,CAAA;IACf;;;OAGG;IACH,aAAa,EAAE,QAAQ,GAAG,IAAI,CAAA;IAC9B;;;OAGG;IACH,mBAAmB,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAA;IAClC;;OAEG;IACH,oBAAoB,EAAE,CAAC,MAAM,EAAE,QAAQ,KAAK,IAAI,CAAA;IAChD;;OAEG;IACH,sBAAsB,EAAE,CAAC,MAAM,EAAE,QAAQ,KAAK,IAAI,CAAA;CAKnD;AAED;;;GAGG;AACH,eAAO,MAAM,YAAY,mDAAgD,CAAA;AAEzE,UAAU,KAAK;IACb,OAAO,EAAE,MAAM,CAAA;IACf,aAAa,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAA;IAC/B;;;OAGG;IACH,2BAA2B,CAAC,EAAE,yBAAyB,CAAA;IACvD;;OAEG;IACH,yBAAyB,EAAE,uBAAuB,CAAA;IAClD,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED;;;;GAIG;AACH,eAAO,MAAM,aAAa,GAAI,+FAM3B,KAAK,4CA+BP,CAAA;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,QAAQ,QAAO,iBAQ3B,CAAA"}

package/dist/contexts/XRiftContext.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useCallback, useContext, useState } from 'react';
 import { InstanceStateProvider } from './InstanceStateContext';
+import { ScreenShareProvider } from './ScreenShareContext';
 /**
  * XRift ワールドの情報を提供するContext
  * ワールド側でこのContextを直接参照して情報を取得できる
@@ -11,7 +12,7 @@ export const XRiftContext = createContext(null);
  * Module Federationで動的にロードされたワールドコンポーネントに
  * 必要な情報を注入するために使用
  */
-export const XRiftProvider = ({ baseUrl, currentTarget = null, instanceStateImplementation, children }) => {
+export const XRiftProvider = ({ baseUrl, currentTarget = null, instanceStateImplementation, screenShareImplementation, children, }) => {
     // インタラクト可能なオブジェクトの管理
     const [interactableObjects] = useState(() => new Set());
     // オブジェクトの登録
@@ -28,7 +29,7 @@ export const XRiftProvider = ({ baseUrl, currentTarget = null, instanceStateImpl
             interactableObjects,
             registerInteractable,
             unregisterInteractable,
-        }, children: _jsx(InstanceStateProvider, { implementation: instanceStateImplementation, children: children }) }));
+        }, children: _jsx(ScreenShareProvider, { value: screenShareImplementation, children: _jsx(InstanceStateProvider, { implementation: instanceStateImplementation, children: children }) }) }));
 };
 /**
  * XRift ワールドの情報を取得するhook

package/dist/contexts/XRiftContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"XRiftContext.js","sourceRoot":"","sources":["../../src/contexts/XRiftContext.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAkB,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAExF,OAAO,EAAE,qBAAqB,EAAkC,MAAM,wBAAwB,CAAA;AAgC9F;;;GAGG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CAA2B,IAAI,CAAC,CAAA;AAazE;;;;GAIG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,OAAO,EACP,aAAa,GAAG,IAAI,EACpB,2BAA2B,EAC3B,QAAQ,EACF,EAAE,EAAE;IACV,qBAAqB;IACrB,MAAM,CAAC,mBAAmB,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,GAAG,EAAY,CAAC,CAAA;IAEjE,YAAY;IACZ,MAAM,oBAAoB,GAAG,WAAW,CAAC,CAAC,MAAgB,EAAE,EAAE;QAC5D,mBAAmB,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;IACjC,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAA;IAEzB,cAAc;IACd,MAAM,sBAAsB,GAAG,WAAW,CAAC,CAAC,MAAgB,EAAE,EAAE;QAC9D,mBAAmB,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;IACpC,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAA;IAEzB,OAAO,CACL,KAAC,YAAY,CAAC,QAAQ,IACpB,KAAK,EAAE;YACL,OAAO;YACP,aAAa;YACb,mBAAmB;YACnB,oBAAoB;YACpB,sBAAsB;SACvB,YAED,KAAC,qBAAqB,IAAC,cAAc,EAAE,2BAA2B,YAC/D,QAAQ,GACa,GACF,CACzB,CAAA;AACH,CAAC,CAAA;AAED;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAsB,EAAE;IAC9C,MAAM,OAAO,GAAG,UAAU,CAAC,YAAY,CAAC,CAAA;IAExC,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,4CAA4C,CAAC,CAAA;IAC/D,CAAC;IAED,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA"}
+{"version":3,"file":"XRiftContext.js","sourceRoot":"","sources":["../../src/contexts/XRiftContext.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAkB,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAExF,OAAO,EAAE,qBAAqB,EAAkC,MAAM,wBAAwB,CAAA;AAC9F,OAAO,EAAE,mBAAmB,EAAgC,MAAM,sBAAsB,CAAA;AAgCxF;;;GAGG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CAA2B,IAAI,CAAC,CAAA;AAiBzE;;;;GAIG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,OAAO,EACP,aAAa,GAAG,IAAI,EACpB,2BAA2B,EAC3B,yBAAyB,EACzB,QAAQ,GACF,EAAE,EAAE;IACV,qBAAqB;IACrB,MAAM,CAAC,mBAAmB,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,GAAG,EAAY,CAAC,CAAA;IAEjE,YAAY;IACZ,MAAM,oBAAoB,GAAG,WAAW,CAAC,CAAC,MAAgB,EAAE,EAAE;QAC5D,mBAAmB,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;IACjC,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAA;IAEzB,cAAc;IACd,MAAM,sBAAsB,GAAG,WAAW,CAAC,CAAC,MAAgB,EAAE,EAAE;QAC9D,mBAAmB,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;IACpC,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAA;IAEzB,OAAO,CACL,KAAC,YAAY,CAAC,QAAQ,IACpB,KAAK,EAAE;YACL,OAAO;YACP,aAAa;YACb,mBAAmB;YACnB,oBAAoB;YACpB,sBAAsB;SACvB,YAED,KAAC,mBAAmB,IAAC,KAAK,EAAE,yBAAyB,YACnD,KAAC,qBAAqB,IAAC,cAAc,EAAE,2BAA2B,YAC/D,QAAQ,GACa,GACJ,GACA,CACzB,CAAA;AACH,CAAC,CAAA;AAED;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAsB,EAAE;IAC9C,MAAM,OAAO,GAAG,UAAU,CAAC,YAAY,CAAC,CAAA;IAExC,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,4CAA4C,CAAC,CAAA;IAC/D,CAAC;IAED,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA"}

package/dist/hooks/useVideoScreenControls.d.ts

@@ -0,0 +1,57 @@
+import { VideoState } from '../components/VideoScreen/types';
+/**
+ * VideoScreenの再生制御を行うためのhook
+ *
+ * @param screenId VideoScreenコンポーネントのid
+ * @returns 再生制御用の関数群
+ *
+ * @example
+ * ```tsx
+ * function MyWorld() {
+ *   const controls = useVideoScreenControls('main-screen')
+ *
+ *   return (
+ *     <>
+ *       <VideoScreen id="main-screen" defaultUrl="https://example.com/video.mp4" />
+ *
+ *       <Interactable
+ *         id="play-button"
+ *         onInteract={() => controls.play()}
+ *       >
+ *         <mesh>
+ *           <boxGeometry />
+ *           <meshStandardMaterial color="green" />
+ *         </mesh>
+ *       </Interactable>
+ *
+ *       <Interactable
+ *         id="pause-button"
+ *         onInteract={() => controls.pause()}
+ *       >
+ *         <mesh>
+ *           <boxGeometry />
+ *           <meshStandardMaterial color="red" />
+ *         </mesh>
+ *       </Interactable>
+ *     </>
+ *   )
+ * }
+ * ```
+ */
+export declare function useVideoScreenControls(screenId: string): {
+    /** 現在の動画の状態 */
+    state: VideoState;
+    /** 動画を再生する */
+    play: () => void;
+    /** 動画を一時停止する */
+    pause: () => void;
+    /** 動画を再生/一時停止を切り替える */
+    toggle: () => void;
+    /** 動画のURLを変更する */
+    changeVideo: (url: string, autoPlay?: boolean) => void;
+    /** 再生位置を変更する */
+    seek: (time: number) => void;
+    /** 相対的に再生位置を変更する（例: seekRelative(10)で10秒進む） */
+    seekRelative: (seconds: number) => void;
+};
+//# sourceMappingURL=useVideoScreenControls.d.ts.map

package/dist/hooks/useVideoScreenControls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVideoScreenControls.d.ts","sourceRoot":"","sources":["../../src/hooks/useVideoScreenControls.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAA;AAE5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,wBAAgB,sBAAsB,CAAC,QAAQ,EAAE,MAAM;IA2FnD,eAAe;;IAEf,cAAc;;IAEd,gBAAgB;;IAEhB,uBAAuB;;IAEvB,kBAAkB;uBAlDZ,MAAM;IAoDZ,gBAAgB;iBApCT,MAAM;IAsCb,+CAA+C;4BAvBrC,MAAM;EA0BnB"}

package/dist/hooks/useVideoScreenControls.js

@@ -0,0 +1,130 @@
+import { useCallback } from 'react';
+import { useInstanceState } from './useInstanceState';
+/**
+ * VideoScreenの再生制御を行うためのhook
+ *
+ * @param screenId VideoScreenコンポーネントのid
+ * @returns 再生制御用の関数群
+ *
+ * @example
+ * ```tsx
+ * function MyWorld() {
+ *   const controls = useVideoScreenControls('main-screen')
+ *
+ *   return (
+ *     <>
+ *       <VideoScreen id="main-screen" defaultUrl="https://example.com/video.mp4" />
+ *
+ *       <Interactable
+ *         id="play-button"
+ *         onInteract={() => controls.play()}
+ *       >
+ *         <mesh>
+ *           <boxGeometry />
+ *           <meshStandardMaterial color="green" />
+ *         </mesh>
+ *       </Interactable>
+ *
+ *       <Interactable
+ *         id="pause-button"
+ *         onInteract={() => controls.pause()}
+ *       >
+ *         <mesh>
+ *           <boxGeometry />
+ *           <meshStandardMaterial color="red" />
+ *         </mesh>
+ *       </Interactable>
+ *     </>
+ *   )
+ * }
+ * ```
+ */
+export function useVideoScreenControls(screenId) {
+    const [videoState, setVideoState] = useInstanceState(`video-${screenId}`, {
+        url: '',
+        isPlaying: false,
+        currentTime: 0,
+        serverTime: Date.now(),
+    });
+    /**
+     * 動画を再生する
+     */
+    const play = useCallback(() => {
+        setVideoState({
+            ...videoState,
+            isPlaying: true,
+            serverTime: Date.now(),
+        });
+    }, [videoState, setVideoState]);
+    /**
+     * 動画を一時停止する
+     */
+    const pause = useCallback(() => {
+        setVideoState({
+            ...videoState,
+            isPlaying: false,
+        });
+    }, [videoState, setVideoState]);
+    /**
+     * 動画を再生/一時停止を切り替える
+     */
+    const toggle = useCallback(() => {
+        setVideoState({
+            ...videoState,
+            isPlaying: !videoState.isPlaying,
+            serverTime: Date.now(),
+        });
+    }, [videoState, setVideoState]);
+    /**
+     * 動画のURLを変更する
+     * @param url 新しい動画URL
+     * @param autoPlay 自動再生するかどうか（デフォルト: true）
+     */
+    const changeVideo = useCallback((url, autoPlay = true) => {
+        setVideoState({
+            url,
+            isPlaying: autoPlay,
+            currentTime: 0,
+            serverTime: Date.now(),
+        });
+    }, [setVideoState]);
+    /**
+     * 再生位置を変更する
+     * @param time 新しい再生位置（秒）
+     */
+    const seek = useCallback((time) => {
+        setVideoState({
+            ...videoState,
+            currentTime: time,
+            serverTime: Date.now(),
+        });
+    }, [videoState, setVideoState]);
+    /**
+     * 相対的に再生位置を変更する
+     * @param seconds 進める/戻す秒数（負の値で戻す）
+     */
+    const seekRelative = useCallback((seconds) => {
+        setVideoState({
+            ...videoState,
+            currentTime: Math.max(0, videoState.currentTime + seconds),
+            serverTime: Date.now(),
+        });
+    }, [videoState, setVideoState]);
+    return {
+        /** 現在の動画の状態 */
+        state: videoState,
+        /** 動画を再生する */
+        play,
+        /** 動画を一時停止する */
+        pause,
+        /** 動画を再生/一時停止を切り替える */
+        toggle,
+        /** 動画のURLを変更する */
+        changeVideo,
+        /** 再生位置を変更する */
+        seek,
+        /** 相対的に再生位置を変更する（例: seekRelative(10)で10秒進む） */
+        seekRelative,
+    };
+}
+//# sourceMappingURL=useVideoScreenControls.js.map

package/dist/hooks/useVideoScreenControls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVideoScreenControls.js","sourceRoot":"","sources":["../../src/hooks/useVideoScreenControls.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AACnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAGrD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,MAAM,UAAU,sBAAsB,CAAC,QAAgB;IACrD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,gBAAgB,CAClD,SAAS,QAAQ,EAAE,EACnB;QACE,GAAG,EAAE,EAAE;QACP,SAAS,EAAE,KAAK;QAChB,WAAW,EAAE,CAAC;QACd,UAAU,EAAE,IAAI,CAAC,GAAG,EAAE;KACvB,CACF,CAAA;IAED;;OAEG;IACH,MAAM,IAAI,GAAG,WAAW,CAAC,GAAG,EAAE;QAC5B,aAAa,CAAC;YACZ,GAAG,UAAU;YACb,SAAS,EAAE,IAAI;YACf,UAAU,EAAE,IAAI,CAAC,GAAG,EAAE;SACvB,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,CAAC,CAAA;IAE/B;;OAEG;IACH,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7B,aAAa,CAAC;YACZ,GAAG,UAAU;YACb,SAAS,EAAE,KAAK;SACjB,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,CAAC,CAAA;IAE/B;;OAEG;IACH,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE;QAC9B,aAAa,CAAC;YACZ,GAAG,UAAU;YACb,SAAS,EAAE,CAAC,UAAU,CAAC,SAAS;YAChC,UAAU,EAAE,IAAI,CAAC,GAAG,EAAE;SACvB,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,CAAC,CAAA;IAE/B;;;;OAIG;IACH,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,GAAW,EAAE,QAAQ,GAAG,IAAI,EAAE,EAAE;QAC/B,aAAa,CAAC;YACZ,GAAG;YACH,SAAS,EAAE,QAAQ;YACnB,WAAW,EAAE,CAAC;YACd,UAAU,EAAE,IAAI,CAAC,GAAG,EAAE;SACvB,CAAC,CAAA;IACJ,CAAC,EACD,CAAC,aAAa,CAAC,CAChB,CAAA;IAED;;;OAGG;IACH,MAAM,IAAI,GAAG,WAAW,CACtB,CAAC,IAAY,EAAE,EAAE;QACf,aAAa,CAAC;YACZ,GAAG,UAAU;YACb,WAAW,EAAE,IAAI;YACjB,UAAU,EAAE,IAAI,CAAC,GAAG,EAAE;SACvB,CAAC,CAAA;IACJ,CAAC,EACD,CAAC,UAAU,EAAE,aAAa,CAAC,CAC5B,CAAA;IAED;;;OAGG;IACH,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,OAAe,EAAE,EAAE;QAClB,aAAa,CAAC;YACZ,GAAG,UAAU;YACb,WAAW,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,UAAU,CAAC,WAAW,GAAG,OAAO,CAAC;YAC1D,UAAU,EAAE,IAAI,CAAC,GAAG,EAAE;SACvB,CAAC,CAAA;IACJ,CAAC,EACD,CAAC,UAAU,EAAE,aAAa,CAAC,CAC5B,CAAA;IAED,OAAO;QACL,eAAe;QACf,KAAK,EAAE,UAAU;QACjB,cAAc;QACd,IAAI;QACJ,gBAAgB;QAChB,KAAK;QACL,uBAAuB;QACvB,MAAM;QACN,kBAAkB;QAClB,WAAW;QACX,gBAAgB;QAChB,IAAI;QACJ,+CAA+C;QAC/C,YAAY;KACb,CAAA;AACH,CAAC"}

package/dist/index.d.ts

@@ -1,7 +1,10 @@
 export { XRiftContext, XRiftProvider, useXRift, type XRiftContextValue, } from './contexts/XRiftContext';
 export { InstanceStateContext, useInstanceStateContext, type InstanceStateContextValue, } from './contexts/InstanceStateContext';
+export { ScreenShareContext, ScreenShareProvider, useScreenShareContext, type ScreenShareContextValue, } from './contexts/ScreenShareContext';
 export { Interactable, type InteractableProps, } from './components/Interactable';
 export { Mirror, type MirrorProps } from './components/Mirror';
 export { Skybox, type SkyboxProps } from './components/Skybox';
+export { VideoScreen, type VideoScreenProps, type VideoState, } from './components/VideoScreen';
+export { ScreenShareDisplay, type ScreenShareDisplayProps, } from './components/ScreenShareDisplay';
 export { useInstanceState } from './hooks/useInstanceState';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,KAAK,iBAAiB,GACvB,MAAM,yBAAyB,CAAA;AAEhC,OAAO,EACL,oBAAoB,EACpB,uBAAuB,EACvB,KAAK,yBAAyB,GAC/B,MAAM,iCAAiC,CAAA;AAGxC,OAAO,EACL,YAAY,EACZ,KAAK,iBAAiB,GACvB,MAAM,2BAA2B,CAAA;AAElC,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAE9D,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAG9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,KAAK,iBAAiB,GACvB,MAAM,yBAAyB,CAAA;AAEhC,OAAO,EACL,oBAAoB,EACpB,uBAAuB,EACvB,KAAK,yBAAyB,GAC/B,MAAM,iCAAiC,CAAA;AAExC,OAAO,EACL,kBAAkB,EAClB,mBAAmB,EACnB,qBAAqB,EACrB,KAAK,uBAAuB,GAC7B,MAAM,+BAA+B,CAAA;AAGtC,OAAO,EACL,YAAY,EACZ,KAAK,iBAAiB,GACvB,MAAM,2BAA2B,CAAA;AAElC,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAE9D,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAE9D,OAAO,EACL,WAAW,EACX,KAAK,gBAAgB,EACrB,KAAK,UAAU,GAChB,MAAM,0BAA0B,CAAA;AAEjC,OAAO,EACL,kBAAkB,EAClB,KAAK,uBAAuB,GAC7B,MAAM,iCAAiC,CAAA;AAGxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA"}

package/dist/index.js

@@ -1,10 +1,13 @@
 // Contexts
 export { XRiftContext, XRiftProvider, useXRift, } from './contexts/XRiftContext';
 export { InstanceStateContext, useInstanceStateContext, } from './contexts/InstanceStateContext';
+export { ScreenShareContext, ScreenShareProvider, useScreenShareContext, } from './contexts/ScreenShareContext';
 // Components
 export { Interactable, } from './components/Interactable';
 export { Mirror } from './components/Mirror';
 export { Skybox } from './components/Skybox';
+export { VideoScreen, } from './components/VideoScreen';
+export { ScreenShareDisplay, } from './components/ScreenShareDisplay';
 // Hooks
 export { useInstanceState } from './hooks/useInstanceState';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,WAAW;AACX,OAAO,EACL,YAAY,EACZ,aAAa,EACb,QAAQ,GAET,MAAM,yBAAyB,CAAA;AAEhC,OAAO,EACL,oBAAoB,EACpB,uBAAuB,GAExB,MAAM,iCAAiC,CAAA;AAExC,aAAa;AACb,OAAO,EACL,YAAY,GAEb,MAAM,2BAA2B,CAAA;AAElC,OAAO,EAAE,MAAM,EAAoB,MAAM,qBAAqB,CAAA;AAE9D,OAAO,EAAE,MAAM,EAAoB,MAAM,qBAAqB,CAAA;AAE9D,QAAQ;AACR,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,WAAW;AACX,OAAO,EACL,YAAY,EACZ,aAAa,EACb,QAAQ,GAET,MAAM,yBAAyB,CAAA;AAEhC,OAAO,EACL,oBAAoB,EACpB,uBAAuB,GAExB,MAAM,iCAAiC,CAAA;AAExC,OAAO,EACL,kBAAkB,EAClB,mBAAmB,EACnB,qBAAqB,GAEtB,MAAM,+BAA+B,CAAA;AAEtC,aAAa;AACb,OAAO,EACL,YAAY,GAEb,MAAM,2BAA2B,CAAA;AAElC,OAAO,EAAE,MAAM,EAAoB,MAAM,qBAAqB,CAAA;AAE9D,OAAO,EAAE,MAAM,EAAoB,MAAM,qBAAqB,CAAA;AAE9D,OAAO,EACL,WAAW,GAGZ,MAAM,0BAA0B,CAAA;AAEjC,OAAO,EACL,kBAAkB,GAEnB,MAAM,iCAAiC,CAAA;AAExC,QAAQ;AACR,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA"}

package/dist/scenes/TestScene.d.ts

@@ -0,0 +1,6 @@
+/**
+ * VideoScreenとMirrorのテストシーン
+ * Triplexでコンポーネントを確認するためのシーン
+ */
+export declare function TestScene(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TestScene.d.ts.map

package/dist/scenes/TestScene.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TestScene.d.ts","sourceRoot":"","sources":["../../src/scenes/TestScene.tsx"],"names":[],"mappings":"AAMA;;;GAGG;AACH,wBAAgB,SAAS,4CAmExB"}

package/dist/scenes/TestScene.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { VideoScreen } from '../components/VideoScreen';
+import { Mirror } from '../components/Mirror';
+import { Skybox } from '../components/Skybox';
+/**
+ * VideoScreenとMirrorのテストシーン
+ * Triplexでコンポーネントを確認するためのシーン
+ */
+export function TestScene() {
+    return (_jsxs(_Fragment, { children: [_jsx(Skybox, {}), _jsx("ambientLight", { intensity: 0.5 }), _jsx("directionalLight", { position: [5, 10, 5], intensity: 1 }), _jsxs("mesh", { rotation: [-Math.PI / 2, 0, 0], position: [0, 0, 0], receiveShadow: true, children: [_jsx("planeGeometry", { args: [20, 20] }), _jsx("meshStandardMaterial", { color: "#cccccc" })] }), _jsx(VideoScreen, { id: "main-screen", position: [0, 2, -5], scale: [16 / 9 * 3, 3], url: "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4", sync: "global" }), _jsx(VideoScreen, { id: "sub-screen", position: [5, 1.5, -3], scale: [16 / 9 * 1.5, 1.5], url: "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4", sync: "local" }), _jsx(Mirror, { position: [-5, 2.5, -3], size: [3, 4], textureResolution: 512 }), _jsx(Mirror, { position: [-3, 1.5, -7], size: [2, 2], color: 0xffd700 }), _jsxs("mesh", { position: [0, 0.5, 0], children: [_jsx("boxGeometry", { args: [1, 1, 1] }), _jsx("meshStandardMaterial", { color: "orange" })] }), _jsxs("mesh", { position: [2, 1, -1], children: [_jsx("sphereGeometry", { args: [0.5, 32, 32] }), _jsx("meshStandardMaterial", { color: "blue", metalness: 0.8, roughness: 0.2 })] }), _jsxs("mesh", { position: [-2, 0.75, -1], children: [_jsx("cylinderGeometry", { args: [0.5, 0.5, 1.5, 32] }), _jsx("meshStandardMaterial", { color: "green" })] })] }));
+}
+//# sourceMappingURL=TestScene.js.map

package/dist/scenes/TestScene.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TestScene.js","sourceRoot":"","sources":["../../src/scenes/TestScene.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAG7C;;;GAGG;AACH,MAAM,UAAU,SAAS;IACvB,OAAO,CACL,8BAEE,KAAC,MAAM,KAAG,EAGV,uBAAc,SAAS,EAAE,GAAG,GAAI,EAChC,2BAAkB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,GAAI,EAGxD,gBAAM,QAAQ,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,aAAa,mBACtE,wBAAe,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,GAAI,EACjC,+BAAsB,KAAK,EAAC,SAAS,GAAG,IACnC,EAGP,KAAC,WAAW,IACV,EAAE,EAAC,aAAa,EAChB,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EACpB,KAAK,EAAE,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,EACtB,GAAG,EAAC,mFAAmF,EACvF,IAAI,EAAC,QAAQ,GACb,EAGF,KAAC,WAAW,IACV,EAAE,EAAC,YAAY,EACf,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,EACtB,KAAK,EAAE,CAAC,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,GAAG,CAAC,EAC1B,GAAG,EAAC,qFAAqF,EACzF,IAAI,EAAC,OAAO,GACZ,EAGF,KAAC,MAAM,IACL,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,EACvB,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EACZ,iBAAiB,EAAE,GAAG,GACtB,EAGF,KAAC,MAAM,IACL,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,EACvB,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EACZ,KAAK,EAAE,QAAQ,GACf,EAGF,gBAAM,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,aACzB,sBAAa,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAI,EAChC,+BAAsB,KAAK,EAAC,QAAQ,GAAG,IAClC,EAGP,gBAAM,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,aACxB,yBAAgB,IAAI,EAAE,CAAC,GAAG,EAAE,EAAE,EAAE,EAAE,CAAC,GAAI,EACvC,+BAAsB,KAAK,EAAC,MAAM,EAAC,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,GAAI,IAChE,EAGP,gBAAM,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,aAC5B,2BAAkB,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC,GAAI,EAC/C,+BAAsB,KAAK,EAAC,OAAO,GAAG,IACjC,IACN,CACJ,CAAA;AACH,CAAC"}

package/dist/scenes/TheaterScene.d.ts

@@ -0,0 +1,6 @@
+/**
+ * シアタールームのシーン
+ * VideoScreenを中心とした映画館風のレイアウト
+ */
+export declare function TheaterScene(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TheaterScene.d.ts.map

package/dist/scenes/TheaterScene.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TheaterScene.d.ts","sourceRoot":"","sources":["../../src/scenes/TheaterScene.tsx"],"names":[],"mappings":"AAIA;;;GAGG;AACH,wBAAgB,YAAY,4CAmH3B"}

package/dist/scenes/TheaterScene.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { VideoScreen } from '../components/VideoScreen';
+import { Mirror } from '../components/Mirror';
+import { Skybox } from '../components/Skybox';
+/**
+ * シアタールームのシーン
+ * VideoScreenを中心とした映画館風のレイアウト
+ */
+export function TheaterScene() {
+    return (_jsxs(_Fragment, { children: [_jsx(Skybox, { topColor: 0x000033, bottomColor: 0x000011 }), _jsx("ambientLight", { intensity: 0.2 }), _jsx("spotLight", { position: [0, 5, 5], angle: 0.3, penumbra: 0.5, intensity: 0.5 }), _jsxs("mesh", { rotation: [-Math.PI / 2, 0, 0], position: [0, 0, 0], children: [_jsx("planeGeometry", { args: [30, 30] }), _jsx("meshStandardMaterial", { color: "#1a1a1a" })] }), _jsx(VideoScreen, { id: "theater-main", position: [0, 3, -10], scale: [16 / 9 * 6, 6], url: "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4" }), _jsxs("mesh", { position: [0, 6.1, -10], children: [_jsx("boxGeometry", { args: [16 / 9 * 6 + 0.4, 0.2, 0.2] }), _jsx("meshStandardMaterial", { color: "#333333" })] }), _jsxs("mesh", { position: [0, -0.1, -10], children: [_jsx("boxGeometry", { args: [16 / 9 * 6 + 0.4, 0.2, 0.2] }), _jsx("meshStandardMaterial", { color: "#333333" })] }), _jsxs("mesh", { position: [-(16 / 9 * 6 + 0.4) / 2, 3, -10], children: [_jsx("boxGeometry", { args: [0.2, 6.4, 0.2] }), _jsx("meshStandardMaterial", { color: "#333333" })] }), _jsxs("mesh", { position: [(16 / 9 * 6 + 0.4) / 2, 3, -10], children: [_jsx("boxGeometry", { args: [0.2, 6.4, 0.2] }), _jsx("meshStandardMaterial", { color: "#333333" })] }), [-2, -1, 0, 1, 2].map((x) => (_jsxs("group", { position: [x * 1.2, 0.5, 2], children: [_jsxs("mesh", { children: [_jsx("boxGeometry", { args: [0.8, 0.5, 0.8] }), _jsx("meshStandardMaterial", { color: "#8b0000" })] }), _jsxs("mesh", { position: [0, 0.5, -0.2], children: [_jsx("boxGeometry", { args: [0.8, 0.6, 0.2] }), _jsx("meshStandardMaterial", { color: "#8b0000" })] })] }, `seat-1-${x}`))), [-2, -1, 0, 1, 2].map((x) => (_jsxs("group", { position: [x * 1.2, 0.5, 4], children: [_jsxs("mesh", { children: [_jsx("boxGeometry", { args: [0.8, 0.5, 0.8] }), _jsx("meshStandardMaterial", { color: "#8b0000" })] }), _jsxs("mesh", { position: [0, 0.5, -0.2], children: [_jsx("boxGeometry", { args: [0.8, 0.6, 0.2] }), _jsx("meshStandardMaterial", { color: "#8b0000" })] })] }, `seat-2-${x}`))), [-2, -1, 0, 1, 2].map((x) => (_jsxs("group", { position: [x * 1.2, 0.5, 6], children: [_jsxs("mesh", { children: [_jsx("boxGeometry", { args: [0.8, 0.5, 0.8] }), _jsx("meshStandardMaterial", { color: "#8b0000" })] }), _jsxs("mesh", { position: [0, 0.5, -0.2], children: [_jsx("boxGeometry", { args: [0.8, 0.6, 0.2] }), _jsx("meshStandardMaterial", { color: "#8b0000" })] })] }, `seat-3-${x}`))), _jsx(Mirror, { position: [-8, 2.5, -5], rotation: [0, Math.PI / 2, 0], size: [8, 4], textureResolution: 512 }), _jsx(Mirror, { position: [8, 2.5, -5], rotation: [0, -Math.PI / 2, 0], size: [8, 4], textureResolution: 512 }), _jsx(VideoScreen, { id: "lobby-monitor", position: [6, 1.5, 8], rotation: [0, Math.PI, 0], scale: [16 / 9 * 1, 1] })] }));
+}
+//# sourceMappingURL=TheaterScene.js.map

package/dist/scenes/TheaterScene.js.map

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

package/dist/scenes/VideoControlTest.d.ts

@@ -0,0 +1,5 @@
+/**
+ * VideoScreenをpropsで制御するテストシーン
+ */
+export declare function VideoControlTest(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=VideoControlTest.d.ts.map

package/dist/scenes/VideoControlTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoControlTest.d.ts","sourceRoot":"","sources":["../../src/scenes/VideoControlTest.tsx"],"names":[],"mappings":"AAKA;;GAEG;AACH,wBAAgB,gBAAgB,4CAyF/B"}

package/dist/scenes/VideoControlTest.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from 'react';
+import { VideoScreen } from '../components/VideoScreen';
+import { Interactable } from '../components/Interactable';
+import { Skybox } from '../components/Skybox';
+/**
+ * VideoScreenをpropsで制御するテストシーン
+ */
+export function VideoControlTest() {
+    const [playing, setPlaying] = useState(true);
+    const [currentTime, setCurrentTime] = useState(0);
+    return (_jsxs(_Fragment, { children: [_jsx(Skybox, {}), _jsx("ambientLight", { intensity: 0.5 }), _jsx("directionalLight", { position: [5, 10, 5], intensity: 1 }), _jsxs("mesh", { rotation: [-Math.PI / 2, 0, 0], position: [0, 0, 0], receiveShadow: true, children: [_jsx("planeGeometry", { args: [20, 20] }), _jsx("meshStandardMaterial", { color: "#cccccc" })] }), _jsx(VideoScreen, { id: "controlled-screen", position: [0, 2, -5], scale: [16 / 9 * 3, 3], url: "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4", playing: playing, currentTime: currentTime }), _jsx(Interactable, { id: "toggle-button", onInteract: () => setPlaying(!playing), interactionText: playing ? '一時停止' : '再生', children: _jsxs("mesh", { position: [0, 0.5, 2], children: [_jsx("boxGeometry", { args: [0.6, 0.6, 0.6] }), _jsx("meshStandardMaterial", { color: playing ? 'red' : 'green' })] }) }), _jsx(Interactable, { id: "rewind-button", onInteract: () => setCurrentTime(Math.max(0, currentTime - 10)), interactionText: "10\u79D2\u623B\u308B", children: _jsxs("mesh", { position: [-1.5, 0.5, 2], children: [_jsx("boxGeometry", { args: [0.5, 0.5, 0.5] }), _jsx("meshStandardMaterial", { color: "yellow" })] }) }), _jsx(Interactable, { id: "forward-button", onInteract: () => setCurrentTime(currentTime + 10), interactionText: "10\u79D2\u9032\u3080", children: _jsxs("mesh", { position: [1.5, 0.5, 2], children: [_jsx("boxGeometry", { args: [0.5, 0.5, 0.5] }), _jsx("meshStandardMaterial", { color: "cyan" })] }) }), _jsx(Interactable, { id: "reset-button", onInteract: () => {
+                    setCurrentTime(0);
+                    setPlaying(true);
+                }, interactionText: "\u6700\u521D\u304B\u3089\u518D\u751F", children: _jsxs("mesh", { position: [0, 0.5, 3.5], children: [_jsx("boxGeometry", { args: [0.5, 0.5, 0.5] }), _jsx("meshStandardMaterial", { color: "blue" })] }) }), _jsx("group", { position: [0, 3.5, -5], children: _jsxs("mesh", { children: [_jsx("planeGeometry", { args: [2, 0.3] }), _jsx("meshBasicMaterial", { color: "#333333" })] }) })] }));
+}
+//# sourceMappingURL=VideoControlTest.js.map

package/dist/scenes/VideoControlTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoControlTest.js","sourceRoot":"","sources":["../../src/scenes/VideoControlTest.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAE7C;;GAEG;AACH,MAAM,UAAU,gBAAgB;IAC9B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAA;IAC5C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IAEjD,OAAO,CACL,8BAEE,KAAC,MAAM,KAAG,EAGV,uBAAc,SAAS,EAAE,GAAG,GAAI,EAChC,2BAAkB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,GAAI,EAGxD,gBAAM,QAAQ,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,aAAa,mBACtE,wBAAe,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,GAAI,EACjC,+BAAsB,KAAK,EAAC,SAAS,GAAG,IACnC,EAGP,KAAC,WAAW,IACV,EAAE,EAAC,mBAAmB,EACtB,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EACpB,KAAK,EAAE,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,EACtB,GAAG,EAAC,mFAAmF,EACvF,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,GACxB,EAGF,KAAC,YAAY,IACX,EAAE,EAAC,eAAe,EAClB,UAAU,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,EACtC,eAAe,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,YAExC,gBAAM,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,aACzB,sBAAa,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,GAAI,EACtC,+BAAsB,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,GAAI,IACrD,GACM,EAGf,KAAC,YAAY,IACX,EAAE,EAAC,eAAe,EAClB,UAAU,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,WAAW,GAAG,EAAE,CAAC,CAAC,EAC/D,eAAe,EAAC,sBAAO,YAEvB,gBAAM,QAAQ,EAAE,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,aAC5B,sBAAa,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,GAAI,EACtC,+BAAsB,KAAK,EAAC,QAAQ,GAAG,IAClC,GACM,EAGf,KAAC,YAAY,IACX,EAAE,EAAC,gBAAgB,EACnB,UAAU,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,WAAW,GAAG,EAAE,CAAC,EAClD,eAAe,EAAC,sBAAO,YAEvB,gBAAM,QAAQ,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,aAC3B,sBAAa,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,GAAI,EACtC,+BAAsB,KAAK,EAAC,MAAM,GAAG,IAChC,GACM,EAGf,KAAC,YAAY,IACX,EAAE,EAAC,cAAc,EACjB,UAAU,EAAE,GAAG,EAAE;oBACf,cAAc,CAAC,CAAC,CAAC,CAAA;oBACjB,UAAU,CAAC,IAAI,CAAC,CAAA;gBAClB,CAAC,EACD,eAAe,EAAC,sCAAQ,YAExB,gBAAM,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,aAC3B,sBAAa,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,GAAI,EACtC,+BAAsB,KAAK,EAAC,MAAM,GAAG,IAChC,GACM,EAGf,gBAAO,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,YAC3B,2BACE,wBAAe,IAAI,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,GAAI,EACjC,4BAAmB,KAAK,EAAC,SAAS,GAAG,IAChC,GACD,IACP,CACJ,CAAA;AACH,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xrift/world-components",
-  "version": "0.7.0",
+  "version": "0.10.0",
   "description": "Shared components and utilities for Xrift worlds",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",