@xrift/world-components 0.20.0 → 0.21.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.
Files changed (119) hide show
  1. package/dist/components/LiveVideoPlayer/index.d.ts +1 -1
  2. package/dist/components/LiveVideoPlayer/index.d.ts.map +1 -1
  3. package/dist/components/LiveVideoPlayer/index.js +52 -24
  4. package/dist/components/LiveVideoPlayer/index.js.map +1 -1
  5. package/dist/components/TagBoard/components/TagChip.d.ts +12 -0
  6. package/dist/components/TagBoard/components/TagChip.d.ts.map +1 -0
  7. package/dist/components/TagBoard/components/TagChip.js +13 -0
  8. package/dist/components/TagBoard/components/TagChip.js.map +1 -0
  9. package/dist/components/TagBoard/components/TagDisplay/index.d.ts +3 -0
  10. package/dist/components/TagBoard/components/TagDisplay/index.d.ts.map +1 -0
  11. package/dist/components/TagBoard/components/TagDisplay/index.js +64 -0
  12. package/dist/components/TagBoard/components/TagDisplay/index.js.map +1 -0
  13. package/dist/components/TagBoard/components/TagDisplay/utils.d.ts +23 -0
  14. package/dist/components/TagBoard/components/TagDisplay/utils.d.ts.map +1 -0
  15. package/dist/components/TagBoard/components/TagDisplay/utils.js +53 -0
  16. package/dist/components/TagBoard/components/TagDisplay/utils.js.map +1 -0
  17. package/dist/components/TagBoard/components/TagSelector/components/ActionButton.d.ts +13 -0
  18. package/dist/components/TagBoard/components/TagSelector/components/ActionButton.d.ts.map +1 -0
  19. package/dist/components/TagBoard/components/TagSelector/components/ActionButton.js +12 -0
  20. package/dist/components/TagBoard/components/TagSelector/components/ActionButton.js.map +1 -0
  21. package/dist/components/TagBoard/components/TagSelector/components/TagButton.d.ts +12 -0
  22. package/dist/components/TagBoard/components/TagSelector/components/TagButton.d.ts.map +1 -0
  23. package/dist/components/TagBoard/components/TagSelector/components/TagButton.js +13 -0
  24. package/dist/components/TagBoard/components/TagSelector/components/TagButton.js.map +1 -0
  25. package/dist/components/TagBoard/components/TagSelector/index.d.ts +3 -0
  26. package/dist/components/TagBoard/components/TagSelector/index.d.ts.map +1 -0
  27. package/dist/components/TagBoard/components/TagSelector/index.js +57 -0
  28. package/dist/components/TagBoard/components/TagSelector/index.js.map +1 -0
  29. package/dist/components/TagBoard/components/TagSelector/utils.d.ts +21 -0
  30. package/dist/components/TagBoard/components/TagSelector/utils.d.ts.map +1 -0
  31. package/dist/components/TagBoard/components/TagSelector/utils.js +50 -0
  32. package/dist/components/TagBoard/components/TagSelector/utils.js.map +1 -0
  33. package/dist/components/TagBoard/constants.d.ts +8 -0
  34. package/dist/components/TagBoard/constants.d.ts.map +1 -0
  35. package/dist/components/TagBoard/constants.js +15 -0
  36. package/dist/components/TagBoard/constants.js.map +1 -0
  37. package/dist/components/TagBoard/index.d.ts +4 -0
  38. package/dist/components/TagBoard/index.d.ts.map +1 -0
  39. package/dist/components/TagBoard/index.js +25 -0
  40. package/dist/components/TagBoard/index.js.map +1 -0
  41. package/dist/components/TagBoard/types.d.ts +46 -0
  42. package/dist/components/TagBoard/types.d.ts.map +1 -0
  43. package/dist/components/TagBoard/types.js.map +1 -0
  44. package/dist/components/TagBoard/utils.d.ts +7 -0
  45. package/dist/components/TagBoard/utils.d.ts.map +1 -0
  46. package/dist/components/TagBoard/utils.js +20 -0
  47. package/dist/components/TagBoard/utils.js.map +1 -0
  48. package/dist/components/VideoPlayer/index.d.ts +1 -1
  49. package/dist/components/VideoPlayer/index.d.ts.map +1 -1
  50. package/dist/components/VideoPlayer/index.js +64 -31
  51. package/dist/components/VideoPlayer/index.js.map +1 -1
  52. package/dist/hooks/useInstanceState.d.ts.map +1 -1
  53. package/dist/hooks/useInstanceState.js +3 -3
  54. package/dist/hooks/useInstanceState.js.map +1 -1
  55. package/dist/index.d.ts +1 -0
  56. package/dist/index.d.ts.map +1 -1
  57. package/dist/index.js +1 -0
  58. package/dist/index.js.map +1 -1
  59. package/package.json +1 -1
  60. package/dist/components/RichVideoPlayer/ControlPanel.d.ts +0 -3
  61. package/dist/components/RichVideoPlayer/ControlPanel.d.ts.map +0 -1
  62. package/dist/components/RichVideoPlayer/ControlPanel.js +0 -22
  63. package/dist/components/RichVideoPlayer/ControlPanel.js.map +0 -1
  64. package/dist/components/RichVideoPlayer/PlayPauseButton.d.ts +0 -3
  65. package/dist/components/RichVideoPlayer/PlayPauseButton.d.ts.map +0 -1
  66. package/dist/components/RichVideoPlayer/PlayPauseButton.js +0 -9
  67. package/dist/components/RichVideoPlayer/PlayPauseButton.js.map +0 -1
  68. package/dist/components/RichVideoPlayer/ProgressBar.d.ts +0 -3
  69. package/dist/components/RichVideoPlayer/ProgressBar.d.ts.map +0 -1
  70. package/dist/components/RichVideoPlayer/ProgressBar.js +0 -20
  71. package/dist/components/RichVideoPlayer/ProgressBar.js.map +0 -1
  72. package/dist/components/RichVideoPlayer/UrlInputButton.d.ts +0 -3
  73. package/dist/components/RichVideoPlayer/UrlInputButton.d.ts.map +0 -1
  74. package/dist/components/RichVideoPlayer/UrlInputButton.js +0 -23
  75. package/dist/components/RichVideoPlayer/UrlInputButton.js.map +0 -1
  76. package/dist/components/RichVideoPlayer/VolumeControl.d.ts +0 -3
  77. package/dist/components/RichVideoPlayer/VolumeControl.d.ts.map +0 -1
  78. package/dist/components/RichVideoPlayer/VolumeControl.js +0 -26
  79. package/dist/components/RichVideoPlayer/VolumeControl.js.map +0 -1
  80. package/dist/components/RichVideoPlayer/hooks.d.ts +0 -5
  81. package/dist/components/RichVideoPlayer/hooks.d.ts.map +0 -1
  82. package/dist/components/RichVideoPlayer/hooks.js +0 -9
  83. package/dist/components/RichVideoPlayer/hooks.js.map +0 -1
  84. package/dist/components/RichVideoPlayer/index.d.ts +0 -4
  85. package/dist/components/RichVideoPlayer/index.d.ts.map +0 -1
  86. package/dist/components/RichVideoPlayer/index.js +0 -100
  87. package/dist/components/RichVideoPlayer/index.js.map +0 -1
  88. package/dist/components/RichVideoPlayer/types.d.ts +0 -64
  89. package/dist/components/RichVideoPlayer/types.d.ts.map +0 -1
  90. package/dist/components/RichVideoPlayer/types.js.map +0 -1
  91. package/dist/components/RichVideoPlayer/utils.d.ts +0 -32
  92. package/dist/components/RichVideoPlayer/utils.d.ts.map +0 -1
  93. package/dist/components/RichVideoPlayer/utils.js +0 -37
  94. package/dist/components/RichVideoPlayer/utils.js.map +0 -1
  95. package/dist/components/RichVideoPlayer/utils.test.d.ts +0 -2
  96. package/dist/components/RichVideoPlayer/utils.test.d.ts.map +0 -1
  97. package/dist/components/RichVideoPlayer/utils.test.js +0 -109
  98. package/dist/components/RichVideoPlayer/utils.test.js.map +0 -1
  99. package/dist/hooks/useVideoScreenControls.d.ts +0 -57
  100. package/dist/hooks/useVideoScreenControls.d.ts.map +0 -1
  101. package/dist/hooks/useVideoScreenControls.js +0 -130
  102. package/dist/hooks/useVideoScreenControls.js.map +0 -1
  103. package/dist/scenes/SpawnPointTestScene.d.ts +0 -6
  104. package/dist/scenes/SpawnPointTestScene.d.ts.map +0 -1
  105. package/dist/scenes/SpawnPointTestScene.js +0 -12
  106. package/dist/scenes/SpawnPointTestScene.js.map +0 -1
  107. package/dist/scenes/TestScene.d.ts +0 -6
  108. package/dist/scenes/TestScene.d.ts.map +0 -1
  109. package/dist/scenes/TestScene.js +0 -19
  110. package/dist/scenes/TestScene.js.map +0 -1
  111. package/dist/scenes/TheaterScene.d.ts +0 -6
  112. package/dist/scenes/TheaterScene.d.ts.map +0 -1
  113. package/dist/scenes/TheaterScene.js +0 -12
  114. package/dist/scenes/TheaterScene.js.map +0 -1
  115. package/dist/scenes/VideoControlTest.d.ts +0 -5
  116. package/dist/scenes/VideoControlTest.d.ts.map +0 -1
  117. package/dist/scenes/VideoControlTest.js +0 -17
  118. package/dist/scenes/VideoControlTest.js.map +0 -1
  119. /package/dist/components/{RichVideoPlayer → TagBoard}/types.js +0 -0
@@ -1,23 +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 { Interactable } from '../Interactable';
5
- import { useTextInputContext } from '../../contexts/TextInputContext';
6
- export const UrlInputButton = memo(({ id, position, size, currentUrl, onUrlChange }) => {
7
- const { requestTextInput } = useTextInputContext();
8
- const handleInteract = useCallback(() => {
9
- requestTextInput({
10
- id: `${id}-url-input`,
11
- placeholder: '動画のURLを入力',
12
- initialValue: currentUrl,
13
- onSubmit: (value) => {
14
- if (value && value.trim() !== '') {
15
- onUrlChange(value.trim());
16
- }
17
- },
18
- });
19
- }, [id, currentUrl, onUrlChange, requestTextInput]);
20
- return (_jsxs("group", { position: position, children: [_jsx(Interactable, { id: id, onInteract: handleInteract, interactionText: "URL\u5909\u66F4", children: _jsxs("mesh", { children: [_jsx("circleGeometry", { args: [size / 2, 32] }), _jsx("meshBasicMaterial", { color: "#444444" })] }) }), _jsx(Text, { position: [0, 0, 0.01], fontSize: size * 0.4, color: "#ffffff", anchorX: "center", anchorY: "middle", children: "\uD83D\uDD17" })] }));
21
- });
22
- UrlInputButton.displayName = 'UrlInputButton';
23
- //# sourceMappingURL=UrlInputButton.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"UrlInputButton.js","sourceRoot":"","sources":["../../../src/components/RichVideoPlayer/UrlInputButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAA;AAGrE,MAAM,CAAC,MAAM,cAAc,GAAG,IAAI,CAChC,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,WAAW,EAAuB,EAAE,EAAE;IACvE,MAAM,EAAE,gBAAgB,EAAE,GAAG,mBAAmB,EAAE,CAAA;IAElD,MAAM,cAAc,GAAG,WAAW,CAAC,GAAG,EAAE;QACtC,gBAAgB,CAAC;YACf,EAAE,EAAE,GAAG,EAAE,YAAY;YACrB,WAAW,EAAE,WAAW;YACxB,YAAY,EAAE,UAAU;YACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gBAClB,IAAI,KAAK,IAAI,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC;oBACjC,WAAW,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAA;gBAC3B,CAAC;YACH,CAAC;SACF,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE,gBAAgB,CAAC,CAAC,CAAA;IAEnD,OAAO,CACL,iBAAO,QAAQ,EAAE,QAAQ,aACvB,KAAC,YAAY,IACX,EAAE,EAAE,EAAE,EACN,UAAU,EAAE,cAAc,EAC1B,eAAe,EAAC,iBAAO,YAEvB,2BACE,yBAAgB,IAAI,EAAE,CAAC,IAAI,GAAG,CAAC,EAAE,EAAE,CAAC,GAAI,EACxC,4BAAmB,KAAK,EAAC,SAAS,GAAG,IAChC,GACM,EACf,KAAC,IAAI,IACH,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,EACtB,QAAQ,EAAE,IAAI,GAAG,GAAG,EACpB,KAAK,EAAC,SAAS,EACf,OAAO,EAAC,QAAQ,EAChB,OAAO,EAAC,QAAQ,6BAGX,IACD,CACT,CAAA;AACH,CAAC,CACF,CAAA;AAED,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAA"}
@@ -1,3 +0,0 @@
1
- import type { VolumeControlProps } from './types';
2
- export declare const VolumeControl: import("react").MemoExoticComponent<({ id, position, size, volume, onVolumeChange }: VolumeControlProps) => import("react/jsx-runtime").JSX.Element>;
3
- //# sourceMappingURL=VolumeControl.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"VolumeControl.d.ts","sourceRoot":"","sources":["../../../src/components/RichVideoPlayer/VolumeControl.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAIjD,eAAO,MAAM,aAAa,uFACyB,kBAAkB,6CA8DpE,CAAA"}
@@ -1,26 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { memo, useMemo } from 'react';
3
- import { Text } from '@react-three/drei';
4
- import { Interactable } from '../Interactable';
5
- import { calculateSegments, calculateProgressBar, getVolumeIcon } from './utils';
6
- const SEGMENTS = 11;
7
- export const VolumeControl = memo(({ id, position, size, volume, onVolumeChange }) => {
8
- const barWidth = size * 3;
9
- const barHeight = size * 0.2;
10
- const segmentWidth = barWidth / SEGMENTS;
11
- const { width: volumeWidth, offset: volumeOffset } = calculateProgressBar(volume, barWidth);
12
- const segments = useMemo(() => {
13
- return calculateSegments({
14
- segments: SEGMENTS,
15
- width: barWidth,
16
- maxValue: 1,
17
- formatLabel: (value) => {
18
- const percent = Math.round(value * 100);
19
- return percent === 0 ? 'ミュート' : `音量: ${percent}%`;
20
- },
21
- });
22
- }, [barWidth]);
23
- return (_jsxs("group", { position: position, children: [_jsx(Text, { position: [-barWidth / 2 - size * 0.4, 0, 0.01], fontSize: size * 0.4, color: "#ffffff", anchorX: "center", anchorY: "middle", children: getVolumeIcon(volume) }), _jsxs("mesh", { position: [0, 0, 0], children: [_jsx("planeGeometry", { args: [barWidth, barHeight] }), _jsx("meshBasicMaterial", { color: "#333333" })] }), volumeWidth > 0 && (_jsxs("mesh", { position: [volumeOffset, 0, 0.001], children: [_jsx("planeGeometry", { args: [volumeWidth, barHeight] }), _jsx("meshBasicMaterial", { color: "#4aff4a" })] })), segments.map((segment) => (_jsx(Interactable, { id: `${id}-seg-${segment.index}`, onInteract: () => onVolumeChange(segment.value), interactionText: segment.label, children: _jsxs("mesh", { position: [segment.xPos, 0, 0.002], children: [_jsx("planeGeometry", { args: [segmentWidth * 0.98, barHeight * 2] }), _jsx("meshBasicMaterial", { transparent: true, opacity: 0, depthWrite: false })] }) }, segment.index)))] }));
24
- });
25
- VolumeControl.displayName = 'VolumeControl';
26
- //# sourceMappingURL=VolumeControl.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"VolumeControl.js","sourceRoot":"","sources":["../../../src/components/RichVideoPlayer/VolumeControl.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,OAAO,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAGhF,MAAM,QAAQ,GAAG,EAAE,CAAA;AAEnB,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,CAC/B,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,cAAc,EAAsB,EAAE,EAAE;IACrE,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAC,CAAA;IACzB,MAAM,SAAS,GAAG,IAAI,GAAG,GAAG,CAAA;IAC5B,MAAM,YAAY,GAAG,QAAQ,GAAG,QAAQ,CAAA;IACxC,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,GAAG,oBAAoB,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAA;IAE3F,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5B,OAAO,iBAAiB,CAAC;YACvB,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,QAAQ;YACf,QAAQ,EAAE,CAAC;YACX,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE;gBACrB,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC,CAAA;gBACvC,OAAO,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,OAAO,GAAG,CAAA;YACnD,CAAC;SACF,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,OAAO,CACL,iBAAO,QAAQ,EAAE,QAAQ,aAEvB,KAAC,IAAI,IACH,QAAQ,EAAE,CAAC,CAAC,QAAQ,GAAG,CAAC,GAAG,IAAI,GAAG,GAAG,EAAE,CAAC,EAAE,IAAI,CAAC,EAC/C,QAAQ,EAAE,IAAI,GAAG,GAAG,EACpB,KAAK,EAAC,SAAS,EACf,OAAO,EAAC,QAAQ,EAChB,OAAO,EAAC,QAAQ,YAEf,aAAa,CAAC,MAAM,CAAC,GACjB,EAGP,gBAAM,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,aACvB,wBAAe,IAAI,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,GAAI,EAC9C,4BAAmB,KAAK,EAAC,SAAS,GAAG,IAChC,EAGN,WAAW,GAAG,CAAC,IAAI,CAClB,gBAAM,QAAQ,EAAE,CAAC,YAAY,EAAE,CAAC,EAAE,KAAK,CAAC,aACtC,wBAAe,IAAI,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,GAAI,EACjD,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,cAAc,CAAC,OAAO,CAAC,KAAK,CAAC,EAC/C,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,SAAS,GAAG,CAAC,CAAC,GAAI,EAC7D,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,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA"}
@@ -1,5 +0,0 @@
1
- /**
2
- * 時間を「M:SS」形式にフォーマット
3
- */
4
- export declare const formatTime: (seconds: number) => string;
5
- //# sourceMappingURL=hooks.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../src/components/RichVideoPlayer/hooks.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,SAAS,MAAM,KAAG,MAI5C,CAAA"}
@@ -1,9 +0,0 @@
1
- /**
2
- * 時間を「M:SS」形式にフォーマット
3
- */
4
- export const formatTime = (seconds) => {
5
- const mins = Math.floor(seconds / 60);
6
- const secs = Math.floor(seconds % 60);
7
- return `${mins}:${secs.toString().padStart(2, '0')}`;
8
- };
9
- //# sourceMappingURL=hooks.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../src/components/RichVideoPlayer/hooks.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,OAAe,EAAU,EAAE;IACpD,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC,CAAA;IACrC,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC,CAAA;IACrC,OAAO,GAAG,IAAI,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,CAAA;AACtD,CAAC,CAAA"}
@@ -1,4 +0,0 @@
1
- import type { RichVideoPlayerProps } from './types';
2
- export type { RichVideoPlayerProps } from './types';
3
- export declare const RichVideoPlayer: import("react").MemoExoticComponent<({ id, position, rotation, width, url: initialUrl, ...props }: RichVideoPlayerProps) => 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/RichVideoPlayer/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAEnD,YAAY,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAuInD,eAAO,MAAM,eAAe,qGAQvB,oBAAoB,6CA2CxB,CAAA"}
@@ -1,100 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { memo, Suspense, useState, useCallback, useEffect, useRef } from 'react';
3
- import { useVideoTexture } from '@react-three/drei';
4
- import { useFrame } from '@react-three/fiber';
5
- import { ControlPanel } from './ControlPanel';
6
- const DEFAULT_POSITION = [0, 2, -5];
7
- const DEFAULT_ROTATION = [0, 0, 0];
8
- const DEFAULT_WIDTH = 4;
9
- const VideoPlayerInner = memo(({ id, position = DEFAULT_POSITION, rotation = DEFAULT_ROTATION, width = DEFAULT_WIDTH, url = '', playing: initialPlaying = true, volume: initialVolume = 1, onUrlChange, }) => {
10
- const [playing, setPlaying] = useState(initialPlaying);
11
- const [volume, setVolume] = useState(initialVolume);
12
- const [progress, setProgress] = useState(0);
13
- const [duration, setDuration] = useState(0);
14
- const screenHeight = width * (9 / 16);
15
- const texture = useVideoTexture(url, {
16
- muted: false,
17
- loop: true,
18
- start: playing,
19
- });
20
- const videoRef = useRef(texture.image);
21
- useEffect(() => {
22
- videoRef.current = texture.image;
23
- }, [texture]);
24
- useEffect(() => {
25
- const video = videoRef.current;
26
- if (!video)
27
- return;
28
- if (playing) {
29
- video.play().catch((err) => {
30
- console.error('Video play error:', err);
31
- });
32
- }
33
- else {
34
- video.pause();
35
- }
36
- }, [playing]);
37
- useEffect(() => {
38
- const video = videoRef.current;
39
- if (!video)
40
- return;
41
- video.volume = Math.max(0, Math.min(1, volume));
42
- }, [volume]);
43
- useEffect(() => {
44
- const video = videoRef.current;
45
- if (!video)
46
- return;
47
- const handleLoadedMetadata = () => {
48
- setDuration(video.duration || 0);
49
- };
50
- if (video.duration) {
51
- setDuration(video.duration);
52
- }
53
- video.addEventListener('loadedmetadata', handleLoadedMetadata);
54
- return () => {
55
- video.removeEventListener('loadedmetadata', handleLoadedMetadata);
56
- };
57
- }, [texture]);
58
- useFrame(() => {
59
- const video = videoRef.current;
60
- if (!video || !video.duration)
61
- return;
62
- const currentProgress = video.currentTime / video.duration;
63
- setProgress(currentProgress);
64
- });
65
- useEffect(() => {
66
- const video = texture.image;
67
- return () => {
68
- video.pause();
69
- video.src = '';
70
- video.load();
71
- };
72
- }, [texture]);
73
- const handlePlayPause = useCallback(() => {
74
- setPlaying((prev) => !prev);
75
- }, []);
76
- const handleSeek = useCallback((time) => {
77
- const video = videoRef.current;
78
- if (!video)
79
- return;
80
- video.currentTime = time;
81
- }, []);
82
- const handleVolumeChange = useCallback((newVolume) => {
83
- setVolume(newVolume);
84
- }, []);
85
- return (_jsxs("group", { position: position, rotation: rotation, children: [_jsxs("mesh", { children: [_jsx("planeGeometry", { args: [width, screenHeight] }), _jsx("meshBasicMaterial", { map: texture, toneMapped: false })] }), _jsx(ControlPanel, { id: id, width: width, screenHeight: screenHeight, playing: playing, progress: progress, duration: duration, volume: volume, currentUrl: url, onPlayPause: handlePlayPause, onSeek: handleSeek, onVolumeChange: handleVolumeChange, onUrlChange: onUrlChange })] }));
86
- });
87
- VideoPlayerInner.displayName = 'VideoPlayerInner';
88
- export const RichVideoPlayer = memo(({ id, position = DEFAULT_POSITION, rotation = DEFAULT_ROTATION, width = DEFAULT_WIDTH, url: initialUrl, ...props }) => {
89
- const [currentUrl, setCurrentUrl] = useState(initialUrl);
90
- const screenHeight = width * (9 / 16);
91
- const handleUrlChange = useCallback((newUrl) => {
92
- setCurrentUrl(newUrl);
93
- }, []);
94
- if (!currentUrl) {
95
- return (_jsx("group", { position: position, rotation: rotation, children: _jsxs("mesh", { children: [_jsx("planeGeometry", { args: [width, screenHeight] }), _jsx("meshBasicMaterial", { color: "#000000" })] }) }));
96
- }
97
- return (_jsx(Suspense, { fallback: _jsx("group", { position: position, rotation: rotation, children: _jsxs("mesh", { children: [_jsx("planeGeometry", { args: [width, screenHeight] }), _jsx("meshBasicMaterial", { color: "#333333" })] }) }), children: _jsx(VideoPlayerInner, { id: id, position: position, rotation: rotation, width: width, url: currentUrl, onUrlChange: handleUrlChange, ...props }, currentUrl) }));
98
- });
99
- RichVideoPlayer.displayName = 'RichVideoPlayer';
100
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/RichVideoPlayer/index.tsx"],"names":[],"mappings":"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"}
@@ -1,64 +0,0 @@
1
- import type { VideoScreenProps } from '../VideoScreen/types';
2
- export interface RichVideoPlayerProps extends Omit<VideoScreenProps, 'scale' | 'currentTime' | 'muted'> {
3
- /** スクリーンの一意なID(必須) */
4
- id: string;
5
- /** スクリーンの位置 */
6
- position?: [number, number, number];
7
- /** スクリーンの回転 */
8
- rotation?: [number, number, number];
9
- /** スクリーンの幅(高さは16:9で自動計算、デフォルト: 4) */
10
- width?: number;
11
- /** 動画のURL */
12
- url?: string;
13
- /** 初期再生状態(デフォルト: true) */
14
- playing?: boolean;
15
- /** 初期音量 0〜1(デフォルト: 1) */
16
- volume?: number;
17
- /** 同期モード(デフォルト: 'global') */
18
- sync?: 'global' | 'local';
19
- }
20
- export interface ControlPanelProps {
21
- id: string;
22
- width: number;
23
- screenHeight: number;
24
- playing: boolean;
25
- progress: number;
26
- duration: number;
27
- volume: number;
28
- currentUrl: string;
29
- onPlayPause: () => void;
30
- onSeek: (time: number) => void;
31
- onVolumeChange: (volume: number) => void;
32
- onUrlChange: (url: string) => void;
33
- }
34
- export interface PlayPauseButtonProps {
35
- id: string;
36
- position: [number, number, number];
37
- size: number;
38
- playing: boolean;
39
- onInteract: () => void;
40
- }
41
- export interface ProgressBarProps {
42
- id: string;
43
- position: [number, number, number];
44
- width: number;
45
- height: number;
46
- progress: number;
47
- duration: number;
48
- onSeek: (time: number) => void;
49
- }
50
- export interface VolumeControlProps {
51
- id: string;
52
- position: [number, number, number];
53
- size: number;
54
- volume: number;
55
- onVolumeChange: (volume: number) => void;
56
- }
57
- export interface UrlInputButtonProps {
58
- id: string;
59
- position: [number, number, number];
60
- size: number;
61
- currentUrl: string;
62
- onUrlChange: (url: string) => void;
63
- }
64
- //# sourceMappingURL=types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/RichVideoPlayer/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAE5D,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,aAAa,GAAG,OAAO,CAAC;IACrG,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,aAAa;IACb,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,0BAA0B;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,yBAAyB;IACzB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,6BAA6B;IAC7B,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;CAC1B;AAED,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,EAAE,MAAM,CAAA;IACpB,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9B,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC;AAED,MAAM,WAAW,oBAAoB;IACnC,EAAE,EAAE,MAAM,CAAA;IACV,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;IAClC,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,OAAO,CAAA;IAChB,UAAU,EAAE,MAAM,IAAI,CAAA;CACvB;AAED,MAAM,WAAW,gBAAgB;IAC/B,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;AAED,MAAM,WAAW,kBAAkB;IACjC,EAAE,EAAE,MAAM,CAAA;IACV,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;IAClC,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;IACd,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;CACzC;AAED,MAAM,WAAW,mBAAmB;IAClC,EAAE,EAAE,MAAM,CAAA;IACV,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;IAClC,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/RichVideoPlayer/types.ts"],"names":[],"mappings":""}
@@ -1,32 +0,0 @@
1
- /**
2
- * 時間を「M:SS」形式にフォーマット
3
- */
4
- export declare const formatTime: (seconds: number) => string;
5
- /**
6
- * セグメント情報を生成
7
- */
8
- export interface Segment {
9
- index: number;
10
- xPos: number;
11
- value: number;
12
- label: string;
13
- }
14
- export interface CalculateSegmentsOptions {
15
- segments: number;
16
- width: number;
17
- maxValue: number;
18
- formatLabel: (value: number, index: number) => string;
19
- }
20
- export declare const calculateSegments: ({ segments, width, maxValue, formatLabel, }: CalculateSegmentsOptions) => Segment[];
21
- /**
22
- * 音量に応じたアイコンを取得
23
- */
24
- export declare const getVolumeIcon: (volume: number) => string;
25
- /**
26
- * 進捗バーの幅とオフセットを計算
27
- */
28
- export declare const calculateProgressBar: (progress: number, totalWidth: number) => {
29
- width: number;
30
- offset: number;
31
- };
32
- //# sourceMappingURL=utils.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/RichVideoPlayer/utils.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,SAAS,MAAM,KAAG,MAI5C,CAAA;AAED;;GAEG;AACH,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,wBAAwB;IACvC,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;CACtD;AAED,eAAO,MAAM,iBAAiB,GAAI,6CAK/B,wBAAwB,KAAG,OAAO,EAYpC,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,QAAQ,MAAM,KAAG,MAE9C,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,oBAAoB,GAC/B,UAAU,MAAM,EAChB,YAAY,MAAM,KACjB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAKjC,CAAA"}
@@ -1,37 +0,0 @@
1
- /**
2
- * 時間を「M:SS」形式にフォーマット
3
- */
4
- export const formatTime = (seconds) => {
5
- const mins = Math.floor(seconds / 60);
6
- const secs = Math.floor(seconds % 60);
7
- return `${mins}:${secs.toString().padStart(2, '0')}`;
8
- };
9
- export const calculateSegments = ({ segments, width, maxValue, formatLabel, }) => {
10
- const segmentWidth = width / segments;
11
- return Array.from({ length: segments }).map((_, i) => {
12
- const value = (i / (segments - 1)) * maxValue;
13
- const xPos = -width / 2 + segmentWidth * (i + 0.5);
14
- return {
15
- index: i,
16
- xPos,
17
- value,
18
- label: formatLabel(value, i),
19
- };
20
- });
21
- };
22
- /**
23
- * 音量に応じたアイコンを取得
24
- */
25
- export const getVolumeIcon = (volume) => {
26
- return volume === 0 ? '🔇' : '🔈';
27
- };
28
- /**
29
- * 進捗バーの幅とオフセットを計算
30
- */
31
- export const calculateProgressBar = (progress, totalWidth) => {
32
- const clampedProgress = Math.min(1, Math.max(0, progress));
33
- const width = totalWidth * clampedProgress;
34
- const offset = -totalWidth / 2 + width / 2;
35
- return { width, offset };
36
- };
37
- //# sourceMappingURL=utils.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/RichVideoPlayer/utils.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,OAAe,EAAU,EAAE;IACpD,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC,CAAA;IACrC,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC,CAAA;IACrC,OAAO,GAAG,IAAI,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,CAAA;AACtD,CAAC,CAAA;AAmBD,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAChC,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,WAAW,GACc,EAAa,EAAE;IACxC,MAAM,YAAY,GAAG,KAAK,GAAG,QAAQ,CAAA;IACrC,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACnD,MAAM,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAA;QAC7C,MAAM,IAAI,GAAG,CAAC,KAAK,GAAG,CAAC,GAAG,YAAY,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,CAAA;QAClD,OAAO;YACL,KAAK,EAAE,CAAC;YACR,IAAI;YACJ,KAAK;YACL,KAAK,EAAE,WAAW,CAAC,KAAK,EAAE,CAAC,CAAC;SAC7B,CAAA;IACH,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,MAAc,EAAU,EAAE;IACtD,OAAO,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA;AACnC,CAAC,CAAA;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAClC,QAAgB,EAChB,UAAkB,EACiB,EAAE;IACrC,MAAM,eAAe,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAA;IAC1D,MAAM,KAAK,GAAG,UAAU,GAAG,eAAe,CAAA;IAC1C,MAAM,MAAM,GAAG,CAAC,UAAU,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC,CAAA;IAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,CAAA;AAC1B,CAAC,CAAA"}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=utils.test.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"utils.test.d.ts","sourceRoot":"","sources":["../../../src/components/RichVideoPlayer/utils.test.ts"],"names":[],"mappings":""}
@@ -1,109 +0,0 @@
1
- import { describe, it, expect } from 'vitest';
2
- import { formatTime, calculateSegments, getVolumeIcon, calculateProgressBar, } 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
- describe('calculateSegments', () => {
24
- it('5セグメントで0-100の値を生成', () => {
25
- const segments = calculateSegments({
26
- segments: 5,
27
- width: 10,
28
- maxValue: 100,
29
- formatLabel: (value) => `${value}%`,
30
- });
31
- expect(segments).toHaveLength(5);
32
- expect(segments[0].value).toBe(0);
33
- expect(segments[4].value).toBe(100);
34
- expect(segments[2].value).toBe(50);
35
- });
36
- it('11セグメントで0-1の値を生成(音量バー)', () => {
37
- const segments = calculateSegments({
38
- segments: 11,
39
- width: 3,
40
- maxValue: 1,
41
- formatLabel: (value) => `${Math.round(value * 100)}%`,
42
- });
43
- expect(segments).toHaveLength(11);
44
- expect(segments[0].value).toBe(0);
45
- expect(segments[10].value).toBe(1);
46
- expect(segments[5].value).toBeCloseTo(0.5);
47
- });
48
- it('xPosがセグメントの中央に配置される', () => {
49
- const segments = calculateSegments({
50
- segments: 4,
51
- width: 8,
52
- maxValue: 1,
53
- formatLabel: () => '',
54
- });
55
- // width=8, segments=4 => segmentWidth=2
56
- // 中央位置: -4 + 2*(0.5) = -3, -4 + 2*(1.5) = -1, -4 + 2*(2.5) = 1, -4 + 2*(3.5) = 3
57
- expect(segments[0].xPos).toBe(-3);
58
- expect(segments[1].xPos).toBe(-1);
59
- expect(segments[2].xPos).toBe(1);
60
- expect(segments[3].xPos).toBe(3);
61
- });
62
- it('formatLabelが正しく呼ばれる', () => {
63
- const segments = calculateSegments({
64
- segments: 3,
65
- width: 6,
66
- maxValue: 60,
67
- formatLabel: (value, index) => index === 0 ? '最初' : `${value}秒`,
68
- });
69
- expect(segments[0].label).toBe('最初');
70
- expect(segments[1].label).toBe('30秒');
71
- expect(segments[2].label).toBe('60秒');
72
- });
73
- });
74
- describe('getVolumeIcon', () => {
75
- it('音量0のときはミュートアイコン', () => {
76
- expect(getVolumeIcon(0)).toBe('🔇');
77
- });
78
- it('音量0以外のときはスピーカーアイコン', () => {
79
- expect(getVolumeIcon(0.1)).toBe('🔈');
80
- expect(getVolumeIcon(0.5)).toBe('🔈');
81
- expect(getVolumeIcon(1)).toBe('🔈');
82
- });
83
- });
84
- describe('calculateProgressBar', () => {
85
- it('進捗0のとき幅は0', () => {
86
- const result = calculateProgressBar(0, 10);
87
- expect(result.width).toBe(0);
88
- expect(result.offset).toBe(-5);
89
- });
90
- it('進捗1のとき幅は全体', () => {
91
- const result = calculateProgressBar(1, 10);
92
- expect(result.width).toBe(10);
93
- expect(result.offset).toBe(0);
94
- });
95
- it('進捗0.5のとき幅は半分', () => {
96
- const result = calculateProgressBar(0.5, 10);
97
- expect(result.width).toBe(5);
98
- expect(result.offset).toBe(-2.5);
99
- });
100
- it('進捗が1を超えても1にクランプ', () => {
101
- const result = calculateProgressBar(1.5, 10);
102
- expect(result.width).toBe(10);
103
- });
104
- it('進捗が0未満でも0にクランプ', () => {
105
- const result = calculateProgressBar(-0.5, 10);
106
- expect(result.width).toBe(0);
107
- });
108
- });
109
- //# sourceMappingURL=utils.test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"utils.test.js","sourceRoot":"","sources":["../../../src/components/RichVideoPlayer/utils.test.ts"],"names":[],"mappings":"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"}
@@ -1,57 +0,0 @@
1
- import { VideoState } from '../components/VideoScreen/types';
2
- /**
3
- * VideoScreenの再生制御を行うためのhook
4
- *
5
- * @param screenId VideoScreenコンポーネントのid
6
- * @returns 再生制御用の関数群
7
- *
8
- * @example
9
- * ```tsx
10
- * function MyWorld() {
11
- * const controls = useVideoScreenControls('main-screen')
12
- *
13
- * return (
14
- * <>
15
- * <VideoScreen id="main-screen" defaultUrl="https://example.com/video.mp4" />
16
- *
17
- * <Interactable
18
- * id="play-button"
19
- * onInteract={() => controls.play()}
20
- * >
21
- * <mesh>
22
- * <boxGeometry />
23
- * <meshStandardMaterial color="green" />
24
- * </mesh>
25
- * </Interactable>
26
- *
27
- * <Interactable
28
- * id="pause-button"
29
- * onInteract={() => controls.pause()}
30
- * >
31
- * <mesh>
32
- * <boxGeometry />
33
- * <meshStandardMaterial color="red" />
34
- * </mesh>
35
- * </Interactable>
36
- * </>
37
- * )
38
- * }
39
- * ```
40
- */
41
- export declare function useVideoScreenControls(screenId: string): {
42
- /** 現在の動画の状態 */
43
- state: VideoState;
44
- /** 動画を再生する */
45
- play: () => void;
46
- /** 動画を一時停止する */
47
- pause: () => void;
48
- /** 動画を再生/一時停止を切り替える */
49
- toggle: () => void;
50
- /** 動画のURLを変更する */
51
- changeVideo: (url: string, autoPlay?: boolean) => void;
52
- /** 再生位置を変更する */
53
- seek: (time: number) => void;
54
- /** 相対的に再生位置を変更する(例: seekRelative(10)で10秒進む) */
55
- seekRelative: (seconds: number) => void;
56
- };
57
- //# sourceMappingURL=useVideoScreenControls.d.ts.map
@@ -1 +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"}