@hanifhan1f/vidstack-react 1.12.34 → 1.12.36

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 (176) hide show
  1. package/package.json +1 -1
  2. package/player/layouts/default.d.ts +9 -1
  3. package/dev/chunks/vidstack-3rdEWplD.js +0 -189
  4. package/dev/chunks/vidstack-B-FM4-oZ.js +0 -668
  5. package/dev/chunks/vidstack-B92UncBI.js +0 -61
  6. package/dev/chunks/vidstack-BDiAEW1N.js +0 -11691
  7. package/dev/chunks/vidstack-BNwnoM-l.js +0 -84
  8. package/dev/chunks/vidstack-BOPSNTgH.js +0 -668
  9. package/dev/chunks/vidstack-BPymmnxm.js +0 -551
  10. package/dev/chunks/vidstack-BSZY6sbC.js +0 -180
  11. package/dev/chunks/vidstack-BSpAxhO6.js +0 -643
  12. package/dev/chunks/vidstack-BVVxkUlq.js +0 -288
  13. package/dev/chunks/vidstack-BXgKy_7V.js +0 -11693
  14. package/dev/chunks/vidstack-BalWqr4j.js +0 -1422
  15. package/dev/chunks/vidstack-Bfi_jCvb.js +0 -476
  16. package/dev/chunks/vidstack-BoLZuw80.js +0 -34
  17. package/dev/chunks/vidstack-BrqDQG-r.js +0 -643
  18. package/dev/chunks/vidstack-C3QPOZNd.js +0 -476
  19. package/dev/chunks/vidstack-C7BwfK5c.js +0 -1537
  20. package/dev/chunks/vidstack-CEUjDh4x.js +0 -34
  21. package/dev/chunks/vidstack-CFOPpDTy.js +0 -476
  22. package/dev/chunks/vidstack-CFZ0rYJz.js +0 -34
  23. package/dev/chunks/vidstack-CKsUl4ll.js +0 -1384
  24. package/dev/chunks/vidstack-CM82l-7o.js +0 -551
  25. package/dev/chunks/vidstack-CQSHFVu7.js +0 -401
  26. package/dev/chunks/vidstack-CXrXBlpD.js +0 -11692
  27. package/dev/chunks/vidstack-CevuS08D.js +0 -1504
  28. package/dev/chunks/vidstack-CkRXb9Ia.js +0 -1537
  29. package/dev/chunks/vidstack-CniPzPQc.js +0 -1537
  30. package/dev/chunks/vidstack-CqNX679o.js +0 -669
  31. package/dev/chunks/vidstack-Csfg08VS.js +0 -551
  32. package/dev/chunks/vidstack-CvWDiSTs.js +0 -84
  33. package/dev/chunks/vidstack-CzU-uC5f.js +0 -189
  34. package/dev/chunks/vidstack-D2Bi2Td9.js +0 -1537
  35. package/dev/chunks/vidstack-D3ZXOE4d.js +0 -643
  36. package/dev/chunks/vidstack-D6_9yy0x.js +0 -643
  37. package/dev/chunks/vidstack-DJQOTrl6.js +0 -180
  38. package/dev/chunks/vidstack-DNbKNc4R.js +0 -288
  39. package/dev/chunks/vidstack-DOtIyh4c.js +0 -288
  40. package/dev/chunks/vidstack-DTow20pt.js +0 -189
  41. package/dev/chunks/vidstack-DY2iivhG.js +0 -84
  42. package/dev/chunks/vidstack-DjqYvkVp.js +0 -84
  43. package/dev/chunks/vidstack-Dov8gjdq.js +0 -401
  44. package/dev/chunks/vidstack-DqaqkU4T.js +0 -9
  45. package/dev/chunks/vidstack-DwdhbP5c.js +0 -189
  46. package/dev/chunks/vidstack-DweQYzVw.js +0 -180
  47. package/dev/chunks/vidstack-FuCbl228.js +0 -226
  48. package/dev/chunks/vidstack-H9OdEKUQ.js +0 -375
  49. package/dev/chunks/vidstack-KntYDWMe.js +0 -668
  50. package/dev/chunks/vidstack-L5mw2iPb.js +0 -375
  51. package/dev/chunks/vidstack-NCBSBZE-.js +0 -61
  52. package/dev/chunks/vidstack-PREbBNMG.js +0 -125
  53. package/dev/chunks/vidstack-S_S6XDnL.js +0 -375
  54. package/dev/chunks/vidstack-UWMPvwsa.js +0 -1537
  55. package/dev/chunks/vidstack-f6WXkmfP.js +0 -375
  56. package/dev/chunks/vidstack-gqKBE4xH.js +0 -376
  57. package/dev/chunks/vidstack-iRuTLfhk.js +0 -61
  58. package/dev/chunks/vidstack-lYFZKRUc.js +0 -401
  59. package/dev/chunks/vidstack-oOGofWSl.js +0 -668
  60. package/dev/chunks/vidstack-vh0BKYWJ.js +0 -84
  61. package/prod/chunks/vidstack-0Foyib2F.js +0 -34
  62. package/prod/chunks/vidstack-58ZavMvv.js +0 -159
  63. package/prod/chunks/vidstack-B0SSIHIv.js +0 -1537
  64. package/prod/chunks/vidstack-B9nEslvl.js +0 -11197
  65. package/prod/chunks/vidstack-BCBskRpc.js +0 -664
  66. package/prod/chunks/vidstack-BOObgZd8.js +0 -504
  67. package/prod/chunks/vidstack-BS445j5D.js +0 -84
  68. package/prod/chunks/vidstack-BZVrgeRF.js +0 -9
  69. package/prod/chunks/vidstack-B_9VGrZQ.js +0 -504
  70. package/prod/chunks/vidstack-B_wD853-.js +0 -386
  71. package/prod/chunks/vidstack-BbPEqH3g.js +0 -11196
  72. package/prod/chunks/vidstack-Bh7M8kL6.js +0 -663
  73. package/prod/chunks/vidstack-BlPINAXN.js +0 -189
  74. package/prod/chunks/vidstack-Bm2UemPE.js +0 -470
  75. package/prod/chunks/vidstack-Bp_hAwzI.js +0 -61
  76. package/prod/chunks/vidstack-C4tNkfXj.js +0 -470
  77. package/prod/chunks/vidstack-C4tuISYG.js +0 -1504
  78. package/prod/chunks/vidstack-C5Rzkyfp.js +0 -375
  79. package/prod/chunks/vidstack-CKapDFwB.js +0 -376
  80. package/prod/chunks/vidstack-CNJwYQRW.js +0 -84
  81. package/prod/chunks/vidstack-CQll06Hv.js +0 -34
  82. package/prod/chunks/vidstack-CVzVtf1j.js +0 -61
  83. package/prod/chunks/vidstack-CYK75vJF.js +0 -1382
  84. package/prod/chunks/vidstack-CZNlvfmV.js +0 -288
  85. package/prod/chunks/vidstack-CbejzCJs.js +0 -1537
  86. package/prod/chunks/vidstack-CiQEyk_l.js +0 -189
  87. package/prod/chunks/vidstack-CiTWSpv_.js +0 -34
  88. package/prod/chunks/vidstack-CikQpsuo.js +0 -1537
  89. package/prod/chunks/vidstack-CtxjO6HG.js +0 -84
  90. package/prod/chunks/vidstack-CzjHdPIT.js +0 -375
  91. package/prod/chunks/vidstack-D0XCUWbp.js +0 -159
  92. package/prod/chunks/vidstack-D3cSYtez.js +0 -663
  93. package/prod/chunks/vidstack-D91K36KQ.js +0 -206
  94. package/prod/chunks/vidstack-DJThTSEm.js +0 -125
  95. package/prod/chunks/vidstack-DTyDOhwS.js +0 -504
  96. package/prod/chunks/vidstack-DVMwXUgY.js +0 -189
  97. package/prod/chunks/vidstack-DXSNXDnS.js +0 -1384
  98. package/prod/chunks/vidstack-D_Sd7838.js +0 -663
  99. package/prod/chunks/vidstack-D_ijTIbV.js +0 -11198
  100. package/prod/chunks/vidstack-DdiGCJVp.js +0 -504
  101. package/prod/chunks/vidstack-DgGDsAKh.js +0 -375
  102. package/prod/chunks/vidstack-DgsBXr1J.js +0 -84
  103. package/prod/chunks/vidstack-DhC5F6c8.js +0 -470
  104. package/prod/chunks/vidstack-DhSvljmQ.js +0 -375
  105. package/prod/chunks/vidstack-Djmla_FM.js +0 -545
  106. package/prod/chunks/vidstack-DpQw1Y33.js +0 -663
  107. package/prod/chunks/vidstack-DrEorv9m.js +0 -189
  108. package/prod/chunks/vidstack-Ma9rwtR0.js +0 -386
  109. package/prod/chunks/vidstack-VTpvHAdU.js +0 -1537
  110. package/prod/chunks/vidstack-dbLRgf2L.js +0 -159
  111. package/prod/chunks/vidstack-ehqxnvc9.js +0 -1537
  112. package/prod/chunks/vidstack-jIPoNqhj.js +0 -545
  113. package/prod/chunks/vidstack-lc8NHly9.js +0 -288
  114. package/prod/chunks/vidstack-rHvQ8f6c.js +0 -288
  115. package/prod/chunks/vidstack-rKV98aQH.js +0 -545
  116. package/prod/chunks/vidstack-uA7h-Bsq.js +0 -386
  117. package/prod/chunks/vidstack-xo_SmgiV.js +0 -84
  118. package/prod/chunks/vidstack-xvxeRtaN.js +0 -61
  119. package/server/chunks/vidstack--ufi23Q6.js +0 -1537
  120. package/server/chunks/vidstack-B3AXUfgF.js +0 -189
  121. package/server/chunks/vidstack-B4rJ1ZKK.js +0 -376
  122. package/server/chunks/vidstack-BJCx78pm.js +0 -386
  123. package/server/chunks/vidstack-BTdEfKqV.js +0 -84
  124. package/server/chunks/vidstack-BV_VpWlJ.js +0 -1537
  125. package/server/chunks/vidstack-BtitkRvR.js +0 -11198
  126. package/server/chunks/vidstack-BtqWstSj.js +0 -375
  127. package/server/chunks/vidstack-BweZhuNd.js +0 -1537
  128. package/server/chunks/vidstack-ByG5MvLs.js +0 -545
  129. package/server/chunks/vidstack-C-HdFsZi.js +0 -84
  130. package/server/chunks/vidstack-C0xOpWYR.js +0 -470
  131. package/server/chunks/vidstack-C481iXqe.js +0 -386
  132. package/server/chunks/vidstack-C4iWXMC-.js +0 -545
  133. package/server/chunks/vidstack-C5zFBMwg.js +0 -386
  134. package/server/chunks/vidstack-CEh38XpD.js +0 -288
  135. package/server/chunks/vidstack-CSiPajWY.js +0 -470
  136. package/server/chunks/vidstack-CbNRZgUA.js +0 -11197
  137. package/server/chunks/vidstack-CgXa6YO3.js +0 -61
  138. package/server/chunks/vidstack-CkMAeO-e.js +0 -34
  139. package/server/chunks/vidstack-Cm0qnRvu.js +0 -11196
  140. package/server/chunks/vidstack-CoGzBr_V.js +0 -663
  141. package/server/chunks/vidstack-Ct1NFlBa.js +0 -1537
  142. package/server/chunks/vidstack-CyFwkPiu.js +0 -470
  143. package/server/chunks/vidstack-D4t_SZbb.js +0 -1416
  144. package/server/chunks/vidstack-D7D9kiW6.js +0 -34
  145. package/server/chunks/vidstack-DH6N0AoF.js +0 -375
  146. package/server/chunks/vidstack-DJJmNib6.js +0 -504
  147. package/server/chunks/vidstack-DKr7br9D.js +0 -34
  148. package/server/chunks/vidstack-DM-5dPT-.js +0 -663
  149. package/server/chunks/vidstack-DOIUveQF.js +0 -504
  150. package/server/chunks/vidstack-DTn72IA8.js +0 -1504
  151. package/server/chunks/vidstack-DWfS9vAY.js +0 -84
  152. package/server/chunks/vidstack-DWt5LAKE.js +0 -375
  153. package/server/chunks/vidstack-DY51lx0R.js +0 -189
  154. package/server/chunks/vidstack-DbNoKLjz.js +0 -664
  155. package/server/chunks/vidstack-Dbs_rXUT.js +0 -663
  156. package/server/chunks/vidstack-DeS67_gx.js +0 -9
  157. package/server/chunks/vidstack-DiHlnSws.js +0 -1384
  158. package/server/chunks/vidstack-DnoqxmOs.js +0 -125
  159. package/server/chunks/vidstack-DsZKgA8y.js +0 -663
  160. package/server/chunks/vidstack-DtQSvsQr.js +0 -189
  161. package/server/chunks/vidstack-E7eUOyFt.js +0 -288
  162. package/server/chunks/vidstack-JkJEYEQM.js +0 -159
  163. package/server/chunks/vidstack-KhtuR229.js +0 -504
  164. package/server/chunks/vidstack-NXcLNXxO.js +0 -84
  165. package/server/chunks/vidstack-OKdxH1xx.js +0 -189
  166. package/server/chunks/vidstack-SkX-mSrw.js +0 -206
  167. package/server/chunks/vidstack-VGPw_CQP.js +0 -375
  168. package/server/chunks/vidstack-X1Hex9PH.js +0 -84
  169. package/server/chunks/vidstack-i9a2TQLO.js +0 -1537
  170. package/server/chunks/vidstack-iVN8uBAv.js +0 -288
  171. package/server/chunks/vidstack-jlaBqZq5.js +0 -61
  172. package/server/chunks/vidstack-m8aA99tE.js +0 -159
  173. package/server/chunks/vidstack-rUHVQoo3.js +0 -61
  174. package/server/chunks/vidstack-rWs25cS9.js +0 -159
  175. package/server/chunks/vidstack-uyCXITen.js +0 -504
  176. package/server/chunks/vidstack-yf18YVAb.js +0 -545
@@ -1,206 +0,0 @@
1
- "use client"
2
-
3
- import * as React from 'react';
4
- import { composeRefs, useStateContext, useSignal, useSignalRecord } from './vidstack-CYK75vJF.js';
5
- import { MediaPlayer, MediaAnnouncer, MediaProvider, Controls, ControlsGroup, Tooltip, TooltipTrigger, TooltipContent, ToggleButton, AirPlayButton, GoogleCastButton, PlayButton, CaptionButton, FullscreenButton, MuteButton, PIPButton, SeekButton, LiveButton, Slider, SliderValue, SliderPreview, VolumeSlider, QualitySlider, AudioGainSlider, SpeedSlider, Thumbnail, TimeSlider, SliderChapters, SliderThumbnail, SliderVideo, RadioGroup, Radio, Menu, MenuButton, MenuItems, MenuItem, Gesture, Captions, Poster, Time, MenuPortal, sliderState, mediaState } from 'vidstack';
6
-
7
- class MediaPlayerInstance extends MediaPlayer {
8
- }
9
- class MediaProviderInstance extends MediaProvider {
10
- }
11
- class MediaAnnouncerInstance extends MediaAnnouncer {
12
- }
13
- class ControlsInstance extends Controls {
14
- }
15
- class ControlsGroupInstance extends ControlsGroup {
16
- }
17
- class ToggleButtonInstance extends ToggleButton {
18
- }
19
- class CaptionButtonInstance extends CaptionButton {
20
- }
21
- class FullscreenButtonInstance extends FullscreenButton {
22
- }
23
- class LiveButtonInstance extends LiveButton {
24
- }
25
- class MuteButtonInstance extends MuteButton {
26
- }
27
- class PIPButtonInstance extends PIPButton {
28
- }
29
- class PlayButtonInstance extends PlayButton {
30
- }
31
- class AirPlayButtonInstance extends AirPlayButton {
32
- }
33
- class GoogleCastButtonInstance extends GoogleCastButton {
34
- }
35
- class SeekButtonInstance extends SeekButton {
36
- }
37
- class TooltipInstance extends Tooltip {
38
- }
39
- class TooltipTriggerInstance extends TooltipTrigger {
40
- }
41
- class TooltipContentInstance extends TooltipContent {
42
- }
43
- class SliderInstance extends Slider {
44
- }
45
- class TimeSliderInstance extends TimeSlider {
46
- }
47
- class VolumeSliderInstance extends VolumeSlider {
48
- }
49
- class AudioGainSliderInstance extends AudioGainSlider {
50
- }
51
- class SpeedSliderInstance extends SpeedSlider {
52
- }
53
- class QualitySliderInstance extends QualitySlider {
54
- }
55
- class SliderThumbnailInstance extends SliderThumbnail {
56
- }
57
- class SliderValueInstance extends SliderValue {
58
- }
59
- class SliderVideoInstance extends SliderVideo {
60
- }
61
- class SliderPreviewInstance extends SliderPreview {
62
- }
63
- class SliderChaptersInstance extends SliderChapters {
64
- }
65
- class MenuInstance extends Menu {
66
- }
67
- class MenuButtonInstance extends MenuButton {
68
- }
69
- class MenuItemsInstance extends MenuItems {
70
- }
71
- class MenuItemInstance extends MenuItem {
72
- }
73
- class MenuPortalInstance extends MenuPortal {
74
- }
75
- class RadioGroupInstance extends RadioGroup {
76
- }
77
- class RadioInstance extends Radio {
78
- }
79
- class CaptionsInstance extends Captions {
80
- }
81
- class GestureInstance extends Gesture {
82
- }
83
- class PosterInstance extends Poster {
84
- }
85
- class ThumbnailInstance extends Thumbnail {
86
- }
87
- class TimeInstance extends Time {
88
- }
89
-
90
- const Slot = React.forwardRef((props, forwardedRef) => {
91
- const { children, ...slotProps } = props;
92
- const childrenArray = React.Children.toArray(children);
93
- const slottable = childrenArray.find(isSlottable);
94
- if (slottable) {
95
- const newElement = slottable.props.children;
96
- const newChildren = childrenArray.map((child) => {
97
- if (child === slottable) {
98
- if (React.Children.count(newElement) > 1) return React.Children.only(null);
99
- return React.isValidElement(newElement) ? newElement.props.children : null;
100
- } else {
101
- return child;
102
- }
103
- });
104
- return /* @__PURE__ */ React.createElement(SlotClone, { ...slotProps, ref: forwardedRef }, React.isValidElement(newElement) ? React.cloneElement(newElement, void 0, newChildren) : null);
105
- }
106
- return /* @__PURE__ */ React.createElement(SlotClone, { ...slotProps, ref: forwardedRef }, children);
107
- });
108
- Slot.displayName = "Slot";
109
- const SlotClone = React.forwardRef((props, forwardedRef) => {
110
- const { children, ...slotProps } = props;
111
- if (React.isValidElement(children)) {
112
- return React.cloneElement(children, {
113
- ...mergeProps(slotProps, children.props),
114
- ref: forwardedRef ? composeRefs(forwardedRef, children.ref) : children.ref
115
- });
116
- }
117
- return React.Children.count(children) > 1 ? React.Children.only(null) : null;
118
- });
119
- SlotClone.displayName = "SlotClone";
120
- const Slottable = ({ children }) => {
121
- return /* @__PURE__ */ React.createElement(React.Fragment, null, children);
122
- };
123
- function isSlottable(child) {
124
- return React.isValidElement(child) && child.type === Slottable;
125
- }
126
- function mergeProps(slotProps, childProps) {
127
- const overrideProps = { ...childProps };
128
- for (const propName in childProps) {
129
- const slotPropValue = slotProps[propName];
130
- const childPropValue = childProps[propName];
131
- const isHandler = /^on[A-Z]/.test(propName);
132
- if (isHandler) {
133
- if (slotPropValue && childPropValue) {
134
- overrideProps[propName] = (...args) => {
135
- childPropValue(...args);
136
- slotPropValue(...args);
137
- };
138
- } else if (slotPropValue) {
139
- overrideProps[propName] = slotPropValue;
140
- }
141
- } else if (propName === "style") {
142
- overrideProps[propName] = { ...slotPropValue, ...childPropValue };
143
- } else if (propName === "className") {
144
- overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(" ");
145
- }
146
- }
147
- return { ...slotProps, ...overrideProps };
148
- }
149
-
150
- const NODES = ["button", "div", "span", "img", "video", "audio"];
151
- const Primitive = NODES.reduce((primitives, node) => {
152
- const Node = React.forwardRef((props, forwardedRef) => {
153
- const { asChild, ...primitiveProps } = props;
154
- const Comp = asChild ? Slot : node;
155
- return /* @__PURE__ */ React.createElement(Comp, { ...primitiveProps, ref: forwardedRef });
156
- });
157
- Node.displayName = `Primitive.${node}`;
158
- return { ...primitives, [node]: Node };
159
- }, {});
160
-
161
- function isRemotionProvider(provider) {
162
- return provider?.$$PROVIDER_TYPE === "REMOTION";
163
- }
164
- function isRemotionSrc(src) {
165
- return src?.type === "video/remotion";
166
- }
167
-
168
- const sliderStateRecord = SliderInstance.state.record, initialSliderStore = Object.keys(sliderStateRecord).reduce(
169
- (store, prop) => ({
170
- ...store,
171
- [prop]() {
172
- return sliderStateRecord[prop];
173
- }
174
- }),
175
- {}
176
- );
177
- function useSliderState(prop, ref) {
178
- const $state = useStateContext(sliderState);
179
- return useSignal((ref?.current?.$state || $state || initialSliderStore)[prop]);
180
- }
181
- function useSliderStore(ref) {
182
- const $state = useStateContext(sliderState);
183
- return useSignalRecord(ref?.current ? ref.current.$state : $state || initialSliderStore);
184
- }
185
-
186
- const IS_SERVER = typeof document === "undefined";
187
-
188
- const mediaStateRecord = MediaPlayerInstance.state.record, initialMediaStore = Object.keys(mediaStateRecord).reduce(
189
- (store, prop) => ({
190
- ...store,
191
- [prop]() {
192
- return mediaStateRecord[prop];
193
- }
194
- }),
195
- {}
196
- );
197
- function useMediaState(prop, ref) {
198
- const $state = useStateContext(mediaState);
199
- return useSignal((ref?.current?.$state || $state || initialMediaStore)[prop]);
200
- }
201
- function useMediaStore(ref) {
202
- const $state = useStateContext(mediaState);
203
- return useSignalRecord(ref?.current ? ref.current.$state : $state || initialMediaStore);
204
- }
205
-
206
- export { AirPlayButtonInstance, AudioGainSliderInstance, CaptionButtonInstance, CaptionsInstance, ControlsGroupInstance, ControlsInstance, FullscreenButtonInstance, GestureInstance, GoogleCastButtonInstance, IS_SERVER, LiveButtonInstance, MediaAnnouncerInstance, MediaPlayerInstance, MediaProviderInstance, MenuButtonInstance, MenuInstance, MenuItemInstance, MenuItemsInstance, MenuPortalInstance, MuteButtonInstance, PIPButtonInstance, PlayButtonInstance, PosterInstance, Primitive, QualitySliderInstance, RadioGroupInstance, RadioInstance, SeekButtonInstance, SliderChaptersInstance, SliderInstance, SliderPreviewInstance, SliderThumbnailInstance, SliderValueInstance, SliderVideoInstance, SpeedSliderInstance, ThumbnailInstance, TimeInstance, TimeSliderInstance, ToggleButtonInstance, TooltipContentInstance, TooltipInstance, TooltipTriggerInstance, VolumeSliderInstance, isRemotionProvider, isRemotionSrc, useMediaState, useMediaStore, useSliderState, useSliderStore };
@@ -1,125 +0,0 @@
1
- "use client"
2
-
3
- import * as React from 'react';
4
- import { MediaRemoteControl, sortVideoQualities, DEFAULT_PLAYBACK_RATES } from 'vidstack';
5
- import { MediaPlayerInstance } from './vidstack-D91K36KQ.js';
6
- import { useMediaContext } from './vidstack-BCBskRpc.js';
7
- import { useSignal, isString } from './vidstack-CYK75vJF.js';
8
-
9
- function useMediaRemote(target) {
10
- const media = useMediaContext(), remote = React.useRef(null);
11
- if (!remote.current) {
12
- remote.current = new MediaRemoteControl();
13
- }
14
- React.useEffect(() => {
15
- const ref = target && "current" in target ? target.current : target, isPlayerRef = ref instanceof MediaPlayerInstance, player = isPlayerRef ? ref : media?.player;
16
- remote.current.setPlayer(player ?? null);
17
- remote.current.setTarget(ref ?? null);
18
- }, [media, target && "current" in target ? target.current : target]);
19
- return remote.current;
20
- }
21
-
22
- function useVideoQualityOptions({
23
- auto = true,
24
- sort = "descending"
25
- } = {}) {
26
- const media = useMediaContext(), { qualities, quality, autoQuality, canSetQuality } = media.$state, $qualities = useSignal(qualities);
27
- useSignal(quality);
28
- useSignal(autoQuality);
29
- useSignal(canSetQuality);
30
- return React.useMemo(() => {
31
- const sortedQualities = sortVideoQualities($qualities, sort === "descending"), options = sortedQualities.map((q) => {
32
- return {
33
- quality: q,
34
- label: q.height + "p",
35
- value: getQualityValue(q),
36
- bitrateText: q.bitrate && q.bitrate > 0 ? `${(q.bitrate / 1e6).toFixed(2)} Mbps` : null,
37
- get selected() {
38
- return q === quality();
39
- },
40
- get autoSelected() {
41
- return autoQuality();
42
- },
43
- select(trigger) {
44
- const index = qualities().indexOf(q);
45
- if (index >= 0) media.remote.changeQuality(index, trigger);
46
- }
47
- };
48
- });
49
- if (auto) {
50
- options.unshift({
51
- quality: null,
52
- label: isString(auto) ? auto : "Auto",
53
- value: "auto",
54
- bitrateText: null,
55
- get selected() {
56
- return autoQuality();
57
- },
58
- get autoSelected() {
59
- return autoQuality();
60
- },
61
- select(trigger) {
62
- media.remote.requestAutoQuality(trigger);
63
- }
64
- });
65
- }
66
- Object.defineProperty(options, "disabled", {
67
- get() {
68
- return !canSetQuality() || $qualities.length <= 1;
69
- }
70
- });
71
- Object.defineProperty(options, "selectedQuality", {
72
- get() {
73
- return quality();
74
- }
75
- });
76
- Object.defineProperty(options, "selectedValue", {
77
- get() {
78
- const $quality = quality();
79
- return !autoQuality() && $quality ? getQualityValue($quality) : "auto";
80
- }
81
- });
82
- return options;
83
- }, [$qualities, sort]);
84
- }
85
- function getQualityValue(quality) {
86
- return quality.height + "_" + quality.bitrate;
87
- }
88
-
89
- function usePlaybackRateOptions({
90
- rates = DEFAULT_PLAYBACK_RATES,
91
- normalLabel = "Normal"
92
- } = {}) {
93
- const media = useMediaContext(), { playbackRate, canSetPlaybackRate } = media.$state;
94
- useSignal(playbackRate);
95
- useSignal(canSetPlaybackRate);
96
- return React.useMemo(() => {
97
- const options = rates.map((opt) => {
98
- const label = typeof opt === "number" ? opt === 1 && normalLabel ? normalLabel : opt + "x" : opt.label, rate = typeof opt === "number" ? opt : opt.rate;
99
- return {
100
- label,
101
- value: rate.toString(),
102
- rate,
103
- get selected() {
104
- return playbackRate() === rate;
105
- },
106
- select(trigger) {
107
- media.remote.changePlaybackRate(rate, trigger);
108
- }
109
- };
110
- });
111
- Object.defineProperty(options, "disabled", {
112
- get() {
113
- return !canSetPlaybackRate() || !options.length;
114
- }
115
- });
116
- Object.defineProperty(options, "selectedValue", {
117
- get() {
118
- return playbackRate().toString();
119
- }
120
- });
121
- return options;
122
- }, [rates]);
123
- }
124
-
125
- export { useMediaRemote, usePlaybackRateOptions, useVideoQualityOptions };