softbuilders-react-video-player 1.2.24 → 1.3.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (24) hide show
  1. package/dist/components/ControlBar/index.js +14 -11
  2. package/dist/components/ControlBar/index.js.map +1 -1
  3. package/dist/components/ControlBar/index.tsx +20 -9
  4. package/dist/components/QualityMenu/index.js +72 -25
  5. package/dist/components/QualityMenu/index.js.map +1 -1
  6. package/dist/components/QualityMenu/index.tsx +109 -59
  7. package/dist/components/SoftBuildersVideoPlayer/index.js +2 -0
  8. package/dist/components/SoftBuildersVideoPlayer/index.js.map +1 -1
  9. package/dist/components/SoftBuildersVideoPlayer/index.tsx +2 -0
  10. package/dist/components/SubtitleMenu/index.js +3 -1
  11. package/dist/components/SubtitleMenu/index.js.map +1 -1
  12. package/dist/components/SubtitleMenu/index.tsx +4 -2
  13. package/dist/components/Tooltip/GlobalTooltip.d.ts +1 -1
  14. package/dist/components/Tooltip/GlobalTooltip.js +4 -2
  15. package/dist/components/Tooltip/GlobalTooltip.js.map +1 -1
  16. package/dist/components/Tooltip/GlobalTooltip.tsx +4 -1
  17. package/dist/components/VideoPlayerComponent/index.js +9 -0
  18. package/dist/components/VideoPlayerComponent/index.js.map +1 -1
  19. package/dist/components/VideoPlayerComponent/index.tsx +9 -0
  20. package/dist/components/VolumeSlider/index.js +13 -3
  21. package/dist/components/VolumeSlider/index.js.map +1 -1
  22. package/dist/components/VolumeSlider/index.tsx +17 -7
  23. package/dist/index.mjs +112 -63
  24. package/package.json +3 -2
package/dist/components/ControlBar/index.js CHANGED
@@ -49,41 +49,44 @@ const ControlBar = ({ player, isPaused, setIsPaused, duration, notes, chapters,
49
49
  useEffect(() => {
50
50
  setDuration(duration);
51
51
  }, [duration]);
52
- return (_jsxs("div", { className: ` !sb-px-4 sb-flex sb-pt-2 sb-justify-center sb-gap-3 sb-w-full sb-h-full ${width > 400 && !isTrailer
52
+ return (_jsxs("div", { className: ` !sb-px-4 sb-flex sb-pt-2 sb-justify-center sb-gap-3 sb-w-full sb-h-full ${(width > 400 || (player === null || player === void 0 ? void 0 : player.isFullscreen_) === true) && !isTrailer
53
53
  ? "sb-absolute sb-bottom-1 sb-items-end sb-mb-1 sb-pb-2 "
54
- : "sb-items-start"} sb-pb-2`, children: [_jsx(BufferTracker, {}), _jsx(CurrentTimeTracker, {}), !isTrailer && (_jsx("button", { onClick: () => {
54
+ : "sb-items-start"} sb-pb-2`, children: [_jsx(BufferTracker, {}), _jsx(CurrentTimeTracker, {}), !isTrailer && (_jsx("button", { onClick: (e) => {
55
+ e.preventDefault();
56
+ e.stopPropagation();
55
57
  seek(-seekStep);
56
- }, children: _jsx(TooltipModal, { width: width, content: _jsx("p", { children: "Backward 5 sec" }), isLeft: true, children: _jsx(BackwardIcon, { className: "sb-w-3 sb-h-3" }) }) })), _jsx("button", { onClick: togglePlay, children: _jsx(TooltipModal, { width: width, content: _jsx("p", { children: isPaused ? "Play" : "pause" }), isLeft: true, children: isPaused ? (_jsx(PlayIcon, { className: "sb-w-3 sb-h-3" })) : (_jsx(PauseIcon, { className: "sb-w-3 sb-h-3" })) }) }), !isTrailer && (_jsx("button", { onClick: (e) => {
58
+ }, children: _jsx(TooltipModal, { player: player, width: width, content: _jsx("p", { children: "Backward 5 sec" }), isLeft: true, children: _jsx(BackwardIcon, { className: "sb-w-3 sb-h-3" }) }) })), _jsx("button", { onClick: togglePlay, children: _jsx(TooltipModal, { player: player, width: width, content: _jsx("p", { children: isPaused ? "Play" : "pause" }), isLeft: true, children: isPaused ? (_jsx(PlayIcon, { className: "sb-w-3 sb-h-3" })) : (_jsx(PauseIcon, { className: "sb-w-3 sb-h-3" })) }) }), !isTrailer && (_jsx("button", { onClick: (e) => {
57
59
  e.preventDefault();
60
+ e.stopPropagation();
58
61
  seek(seekStep);
59
- }, children: _jsx(TooltipModal, { width: width, content: _jsx("p", { children: "Forward 5 sec" }), isLeft: true, children: _jsx(ForwardIcon, { className: "sb-w-3 sb-h-3" }) }) })),
62
+ }, children: _jsx(TooltipModal, { player: player, width: width, content: _jsx("p", { children: "Forward 5 sec" }), isLeft: true, children: _jsx(ForwardIcon, { className: "sb-w-3 sb-h-3" }) }) })),
60
63
  // isSeeking ||
61
64
  // width > 400 &&
62
- _jsx("div", { className: `${width < 400 && !isTrailer
65
+ _jsx("div", { className: `${width < 400 && !isTrailer && (player === null || player === void 0 ? void 0 : player.isFullscreen_) === false
63
66
  ? "sb-flex-1 sb-ml-0 sb-mr-0"
64
- : "sb-w-full"}`, children: _jsxs("div", { style: width < 400 && !isTrailer
67
+ : "sb-w-full"}`, children: _jsxs("div", { style: width < 400 && !isTrailer && (player === null || player === void 0 ? void 0 : player.isFullscreen_) === false
65
68
  ? {
66
69
  width: `${width * 0.9}px`,
67
70
  left: "5%",
68
71
  top: "90%",
69
72
  }
70
- : { width: "98%" }, className: `flex gap-2 ${width < 400 && !isTrailer
73
+ : { width: "98%" }, className: `flex gap-2 ${width < 400 && !isTrailer && (player === null || player === void 0 ? void 0 : player.isFullscreen_) === false
71
74
  ? "absolute sb-top-1"
72
- : "-sb-translate-y-0 sb-w-full"} hover:sb-w-[45%] `, children: [_jsx(CurrentTimeLabel, {}), _jsx(TimeSliderContainer, { chapters: chapters, notes: notes }), _jsx("p", { children: durationFormater(duration) })] }) }), _jsx("div", { className: "sb-h-full", children: _jsx(VolumeSlider, { setNoteOpen: setNoteOpen, isTrailer: isTrailer, volumeSliderToggler: volumeSliderToggler, width: width, setIsSeeking: (val) => setIsSeeking(val), handleControlDisplayTimer: handleControlDisplayTimer }) }), _jsx(TooltipModal, { isModalChanged: isModalChanged, width: width, content: _jsx("p", { children: "Quality" }), children: _jsx(QualityMenu, { isTrailer: isTrailer, width: width, setIsModalChanged: (val) => setIsModalChanged(val), onClick: (e, isOpen) => {
75
+ : "-sb-translate-y-0 sb-w-full"} hover:sb-w-[45%] `, children: [_jsx(CurrentTimeLabel, {}), _jsx(TimeSliderContainer, { chapters: chapters, notes: notes }), _jsx("p", { children: durationFormater(duration) })] }) }), _jsx("div", { className: "sb-h-full", children: _jsx(VolumeSlider, { setNoteOpen: setNoteOpen, isTrailer: isTrailer, volumeSliderToggler: volumeSliderToggler, width: width, setIsSeeking: (val) => setIsSeeking(val), handleControlDisplayTimer: handleControlDisplayTimer }) }), _jsx(TooltipModal, { player: player, isModalChanged: isModalChanged, width: width, content: _jsx("p", { children: "Quality" }), children: _jsx(QualityMenu, { isTrailer: isTrailer, width: width, setIsModalChanged: (val) => setIsModalChanged(val), onClick: (e, isOpen) => {
73
76
  setVolumeToggler(!volumeSliderToggler);
74
77
  setIsQualityMenuOpen && setIsQualityMenuOpen(isOpen);
75
78
  setIsModalChanged(true);
76
- } }) }), disableNote && (_jsx(TooltipModal, { width: width, content: _jsx("p", { children: "Create note" }), children: _jsx(CreateNoteMenu, { handleSaveNoteAction: handleSaveNoteAction, width: width, setNoteOpen: setNoteOpen, noteButtonClick: (e) => {
79
+ } }) }), disableNote && (_jsx(TooltipModal, { player: player, width: width, content: _jsx("p", { children: "Create note" }), children: _jsx(CreateNoteMenu, { handleSaveNoteAction: handleSaveNoteAction, width: width, setNoteOpen: setNoteOpen, noteButtonClick: (e) => {
77
80
  noteButtonClick &&
78
81
  noteButtonClick({
79
82
  time: Number((player === null || player === void 0 ? void 0 : player.currentTime()) || 0),
80
83
  isOpen: e,
81
84
  });
82
85
  player === null || player === void 0 ? void 0 : player.pause();
83
- } }) })), _jsx(TooltipModal, { width: width, content: _jsx("p", { children: "Subtitle" }), children: _jsx(SubtitleMenu, { isTrailer: isTrailer, width: width, onClick: (e, isOpen) => {
86
+ } }) })), _jsx(TooltipModal, { player: player, width: width, content: _jsx("p", { children: "Subtitle" }), children: _jsx(SubtitleMenu, { isTrailer: isTrailer, width: width, onClick: (e, isOpen) => {
84
87
  setVolumeToggler(!volumeSliderToggler);
85
88
  setIsSubtitleMenuOpen && setIsSubtitleMenuOpen(isOpen);
86
- } }) }), _jsx(TooltipModal, { width: width, content: _jsx("p", { children: "Full screen" }), children: _jsx("button", { onClick: (e) => {
89
+ } }) }), _jsx(TooltipModal, { player: player, width: width, content: _jsx("p", { children: "Full screen" }), children: _jsx("button", { onClick: (e) => {
87
90
  e.preventDefault();
88
91
  e.stopPropagation();
89
92
  if (player === null || player === void 0 ? void 0 : player.isFullscreen()) {
package/dist/components/ControlBar/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ControlBar/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ControlBar/index.tsx"],"names":[],"mappings":"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"}
package/dist/components/ControlBar/index.tsx CHANGED
@@ -107,7 +107,7 @@ const ControlBar = <T,>({
107
107
  return (
108
108
  <div
109
109
  className={` !sb-px-4 sb-flex sb-pt-2 sb-justify-center sb-gap-3 sb-w-full sb-h-full ${
110
- width > 400 && !isTrailer
110
+ (width > 400 || player?.isFullscreen_ === true) && !isTrailer
111
111
  ? "sb-absolute sb-bottom-1 sb-items-end sb-mb-1 sb-pb-2 "
112
112
  : "sb-items-start"
113
113
  } sb-pb-2`}
@@ -119,11 +119,14 @@ const ControlBar = <T,>({
119
119
 
120
120
  {!isTrailer && (
121
121
  <button
122
- onClick={() => {
122
+ onClick={(e: React.MouseEvent<HTMLButtonElement>) => {
123
+ e.preventDefault();
124
+ e.stopPropagation();
123
125
  seek(-seekStep);
124
126
  }}
125
127
  >
126
128
  <TooltipModal
129
+ player={player}
127
130
  width={width}
128
131
  content={<p>Backward 5 sec</p>}
129
132
  isLeft={true}
@@ -134,6 +137,7 @@ const ControlBar = <T,>({
134
137
  )}
135
138
  <button onClick={togglePlay}>
136
139
  <TooltipModal
140
+ player={player}
137
141
  width={width}
138
142
  content={<p>{isPaused ? "Play" : "pause"}</p>}
139
143
  isLeft={true}
@@ -147,12 +151,14 @@ const ControlBar = <T,>({
147
151
  </button>
148
152
  {!isTrailer && (
149
153
  <button
150
- onClick={(e) => {
154
+ onClick={(e: React.MouseEvent<HTMLButtonElement>) => {
151
155
  e.preventDefault();
156
+ e.stopPropagation();
152
157
  seek(seekStep);
153
158
  }}
154
159
  >
155
160
  <TooltipModal
161
+ player={player}
156
162
  width={width}
157
163
  content={<p>Forward 5 sec</p>}
158
164
  isLeft={true}
@@ -167,14 +173,14 @@ const ControlBar = <T,>({
167
173
  // width > 400 &&
168
174
  <div
169
175
  className={`${
170
- width < 400 && !isTrailer
176
+ width < 400 && !isTrailer && player?.isFullscreen_ === false
171
177
  ? "sb-flex-1 sb-ml-0 sb-mr-0"
172
178
  : "sb-w-full"
173
179
  }`}
174
180
  >
175
181
  <div
176
182
  style={
177
- width < 400 && !isTrailer
183
+ width < 400 && !isTrailer && player?.isFullscreen_ === false
178
184
  ? {
179
185
  width: `${width * 0.9}px`,
180
186
  left: "5%",
@@ -183,7 +189,7 @@ const ControlBar = <T,>({
183
189
  : { width: "98%" }
184
190
  }
185
191
  className={`flex gap-2 ${
186
- width < 400 && !isTrailer
192
+ width < 400 && !isTrailer && player?.isFullscreen_ === false
187
193
  ? "absolute sb-top-1"
188
194
  : "-sb-translate-y-0 sb-w-full"
189
195
  } hover:sb-w-[45%] `}
@@ -208,6 +214,7 @@ const ControlBar = <T,>({
208
214
  />
209
215
  </div>
210
216
  <TooltipModal
217
+ player={player}
211
218
  isModalChanged={isModalChanged}
212
219
  width={width}
213
220
  content={<p>Quality</p>}
@@ -226,7 +233,11 @@ const ControlBar = <T,>({
226
233
 
227
234
  {/* handleSaveNoteAction */}
228
235
  {disableNote && (
229
- <TooltipModal width={width} content={<p>Create note</p>}>
236
+ <TooltipModal
237
+ player={player}
238
+ width={width}
239
+ content={<p>Create note</p>}
240
+ >
230
241
  <CreateNoteMenu
231
242
  handleSaveNoteAction={handleSaveNoteAction}
232
243
  width={width}
@@ -242,7 +253,7 @@ const ControlBar = <T,>({
242
253
  />
243
254
  </TooltipModal>
244
255
  )}
245
- <TooltipModal width={width} content={<p>Subtitle</p>}>
256
+ <TooltipModal player={player} width={width} content={<p>Subtitle</p>}>
246
257
  <SubtitleMenu
247
258
  isTrailer={isTrailer}
248
259
  width={width}
@@ -252,7 +263,7 @@ const ControlBar = <T,>({
252
263
  }}
253
264
  />
254
265
  </TooltipModal>
255
- <TooltipModal width={width} content={<p>Full screen</p>}>
266
+ <TooltipModal player={player} width={width} content={<p>Full screen</p>}>
256
267
  <button
257
268
  onClick={(e) => {
258
269
  e.preventDefault();
package/dist/components/QualityMenu/index.js CHANGED
@@ -1,13 +1,18 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
1
+ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
2
  import { useEffect, useState } from "react";
3
3
  import MenuButton from "../MenuButton";
4
4
  import { useSoftBuildersVideoPlayerContext } from "../VideoPlayerComponent/provider";
5
5
  import { CheckedIcon, LeftArrowIcon, SettingsIcon } from "../../images";
6
6
  const QualityOption = ({ isSelected, quality, onClick, width, isTrailer, }) => {
7
- return (_jsx("button", { className: `hover:sb-text-orange-500 ${width > 400 && !isTrailer ? "sb-p-2" : "sp-pb-1"}`, onClick: (e) => {
7
+ const { player } = useSoftBuildersVideoPlayerContext();
8
+ return (_jsx("button", { className: `hover:sb-text-orange-500 ${(width > 400 || (player === null || player === void 0 ? void 0 : player.isFullscreen_) === true) && !isTrailer
9
+ ? "sb-p-2"
10
+ : "sp-pb-1"}`, onClick: (e) => {
8
11
  e.stopPropagation();
9
12
  onClick(e);
10
- }, children: _jsxs("div", { className: "sb-grid sb-grid-cols-12 sb-items-center sb-gap-2", children: [_jsx("div", { className: "sb-col-span-3", children: isSelected ? (_jsx(CheckedIcon, { className: `${width > 400 && !isTrailer ? "sb-w-5 sb-h-5" : "sb-w-3 sb-h-3"}` })) : (_jsx("div", {})) }), _jsx("p", { className: "sb-text-left sb-col-span-9", children: quality === null || quality === void 0 ? void 0 : quality.label })] }) }));
13
+ }, children: _jsxs("div", { className: "sb-grid sb-grid-cols-12 sb-items-center sb-gap-2", children: [_jsx("div", { className: "sb-col-span-3", children: isSelected ? (_jsx(CheckedIcon, { className: `${(width > 400 || (player === null || player === void 0 ? void 0 : player.isFullscreen_) === true) && !isTrailer
14
+ ? "sb-w-5 sb-h-5"
15
+ : "sb-w-3 sb-h-3"}` })) : (_jsx("div", {})) }), _jsx("p", { className: "sb-text-left sb-col-span-9", children: quality.height })] }) }));
11
16
  };
12
17
  const QualityMenu = ({ width, onClick, isTrailer, setIsModalChanged, }) => {
13
18
  const { player } = useSoftBuildersVideoPlayerContext();
@@ -18,7 +23,11 @@ const QualityMenu = ({ width, onClick, isTrailer, setIsModalChanged, }) => {
18
23
  if (player) {
19
24
  const sources = player === null || player === void 0 ? void 0 : player.currentSources();
20
25
  const qs = JSON.parse(JSON.stringify(sources));
21
- setQualities(qs);
26
+ // @ts-ignore
27
+ const qualityLevels = player === null || player === void 0 ? void 0 : player.qualityLevels();
28
+ setQualities(qualityLevels.levels_);
29
+ console.log("qualityLevels.levels_: ", qualityLevels.levels_.length);
30
+ setQualities((pre) => [...pre, { width: "auto", height: "auto" }]);
22
31
  const source = player === null || player === void 0 ? void 0 : player.currentSource();
23
32
  const quality = JSON.parse(JSON.stringify(source));
24
33
  // setCurrentQualitySrc(quality.label);
@@ -30,28 +39,66 @@ const QualityMenu = ({ width, onClick, isTrailer, setIsModalChanged, }) => {
30
39
  }
31
40
  }
32
41
  }, [player]);
33
- return (_jsx(MenuButton, { classContainer: `${width < 400 || isTrailer ? "!sb-top-8 -sb-left-9" : ""}`, onClick: (e, isOpen) => {
42
+ function setQualityByHeight(height) {
43
+ if (player) {
44
+ // @ts-ignore
45
+ const qualityLevels = player === null || player === void 0 ? void 0 : player.qualityLevels();
46
+ for (let i = 0; i < qualityLevels.length; i++) {
47
+ const level = qualityLevels[i];
48
+ level.enabled = level.height === height;
49
+ }
50
+ }
51
+ }
52
+ function setAutoQuality() {
53
+ if (player) {
54
+ // @ts-ignore
55
+ const qualityLevels = player.qualityLevels();
56
+ let highestQuality = null;
57
+ // Find the highest quality level (optional: based on width/height/bitrate)
58
+ for (let i = 0; i < qualityLevels.length; i++) {
59
+ const level = qualityLevels[i];
60
+ if (!highestQuality || level.height > highestQuality.height) {
61
+ highestQuality = level;
62
+ }
63
+ }
64
+ // Enable the highest quality level (if needed)
65
+ if (highestQuality) {
66
+ for (let i = 0; i < qualityLevels.length; i++) {
67
+ const level = qualityLevels[i];
68
+ level.enabled = level === highestQuality; // Enable only the highest level
69
+ }
70
+ }
71
+ }
72
+ }
73
+ return (_jsx(MenuButton, { classContainer: `${(width < 400 && (player === null || player === void 0 ? void 0 : player.isFullscreen_) === false) || isTrailer
74
+ ? "!sb-top-8 -sb-left-9"
75
+ : ""}`, onClick: (e, isOpen) => {
34
76
  onClick && onClick(e, isOpen);
35
- }, buttonContent: _jsx(SettingsIcon, { className: "sb-w-3 sb-h-3" }), menuContent: _jsx("div", { className: `sb-rounded-md sb-bg-[#303030] sb-bg-opacity-50 ${width > 400 && !isTrailer
36
- ? "sb-w-[150px] sb-py-5"
37
- : "sb-w-[90px] sb-items-center sb-justify-center sb-py-1"}`, children: _jsxs("div", { className: "sb-flex sb-flex-col sb-gap-3", children: [_jsxs("div", { className: `sb-px-5 sb-flex sb-flex-row sb-gap-3 sb-items-start sb-relative sb-top-2`, children: [_jsx("button", { onClick: () => {
38
- if (closeMenuFunction) {
39
- closeMenuFunction();
40
- }
41
- }, className: "hover:sb-scale-150", children: _jsx(LeftArrowIcon, { className: "sb-w-3 sb-h-3" }) }), _jsx("h3", { children: "Quality" })] }), _jsx("div", { className: "sb-w-full sb-h-[.1px] sb-bg-[#AAAAAA] sb-bg-opacity-70" }), _jsx("div", { className: "sb-px-5 sb-flex sb-flex-col sb-gap-3 sb-items-start ", children: qualities === null || qualities === void 0 ? void 0 : qualities.map((q, i) => {
42
- return (_jsx(QualityOption, { width: width, isTrailer: isTrailer, isSelected: currentQualitySrc === (q === null || q === void 0 ? void 0 : q.label), quality: q, onClick: (e) => {
43
- const source = qualities.find((_q) => (q === null || q === void 0 ? void 0 : q.label) == (_q === null || _q === void 0 ? void 0 : _q.label));
44
- if (source && source.src != currentQualitySrc) {
45
- // player?.src(source.src);
46
- const currentTime = player === null || player === void 0 ? void 0 : player.currentTime();
47
- setCurrentQualitySrc(source === null || source === void 0 ? void 0 : source.label);
48
- // player?.currentTime(currentTime);
49
- // player?.play();
50
- }
51
- closeMenuFunction && closeMenuFunction();
52
- setIsModalChanged(false);
53
- } }, `quality-${q === null || q === void 0 ? void 0 : q.label}-${i}`));
54
- }) })] }) }), close: (fn) => {
77
+ }, buttonContent: _jsx(SettingsIcon, { className: "sb-w-3 sb-h-3" }), menuContent: _jsx(_Fragment, { children: (qualities === null || qualities === void 0 ? void 0 : qualities.length) > 1 && (_jsx("div", { className: `sb-rounded-md sb-bg-[#303030] sb-bg-opacity-50 ${(width > 400 || (player === null || player === void 0 ? void 0 : player.isFullscreen_) === true) && !isTrailer
78
+ ? "sb-w-[150px] sb-py-5"
79
+ : "sb-w-[90px] sb-items-center sb-justify-center sb-py-1"}`, children: _jsxs("div", { className: "sb-flex sb-flex-col sb-gap-3", children: [_jsxs("div", { className: `sb-px-5 sb-flex sb-flex-row sb-gap-3 sb-items-start sb-relative sb-top-2`, children: [_jsx("button", { onClick: () => {
80
+ if (closeMenuFunction) {
81
+ closeMenuFunction();
82
+ }
83
+ }, className: "hover:sb-scale-150", children: _jsx(LeftArrowIcon, { className: "sb-w-3 sb-h-3" }) }), _jsx("h3", { children: "Quality" })] }), _jsx("div", { className: "sb-w-full sb-h-[.1px] sb-bg-[#AAAAAA] sb-bg-opacity-70" }), _jsx("div", { className: "sb-px-5 sb-flex sb-flex-col sb-gap-3 sb-items-start ", children: qualities === null || qualities === void 0 ? void 0 : qualities.map((q, i) => {
84
+ return (_jsx(QualityOption, { width: width, isTrailer: isTrailer, isSelected: currentQualitySrc === (q === null || q === void 0 ? void 0 : q.height), quality: q, onClick: (e) => {
85
+ q.height != "auto"
86
+ ? setQualityByHeight(q.height)
87
+ : setAutoQuality();
88
+ // const source = qualities.find(
89
+ // (_q) => q?.height == _q?.height
90
+ // );
91
+ // if (source && source.src != currentQualitySrc) {
92
+ // player?.src(source.src);
93
+ // const currentTime = player?.currentTime();
94
+ // setCurrentQualitySrc(source?.label);
95
+ // player?.currentTime(currentTime);
96
+ // player?.play();
97
+ // }
98
+ closeMenuFunction && closeMenuFunction();
99
+ setIsModalChanged(false);
100
+ } }, q.width));
101
+ }) })] }) })) }), close: (fn) => {
55
102
  setCloseMenuFunction(() => fn);
56
103
  } }));
57
104
  };
package/dist/components/QualityMenu/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/QualityMenu/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAe,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,iCAAiC,EAAE,MAAM,kCAAkC,CAAC;AAGrF,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AASxE,MAAM,aAAa,GAAG,CAAC,EACrB,UAAU,EACV,OAAO,EACP,OAAO,EACP,KAAK,EACL,SAAS,GACU,EAAE,EAAE;IACvB,OAAO,CACL,iBACE,SAAS,EAAE,4BACT,KAAK,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SACzC,EAAE,EACF,OAAO,EAAE,CAAC,CAAsC,EAAE,EAAE;YAClD,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,OAAO,CAAC,CAAC,CAAC,CAAC;QACb,CAAC,YAED,eAAK,SAAS,EAAC,kDAAkD,aAC/D,cAAK,SAAS,EAAC,eAAe,YAC3B,UAAU,CAAC,CAAC,CAAC,CACZ,KAAC,WAAW,IACV,SAAS,EAAE,GACT,KAAK,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAChD,EAAE,GACF,CACH,CAAC,CAAC,CAAC,CACF,eAAW,CACZ,GACG,EAEN,YAAG,SAAS,EAAC,4BAA4B,YAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,GAAK,IAC1D,GACC,CACV,CAAC;AACJ,CAAC,CAAC;AASF,MAAM,WAAW,GAAG,CAAC,EACnB,KAAK,EACL,OAAO,EACP,SAAS,EACT,iBAAiB,GACA,EAAE,EAAE;IACrB,MAAM,EAAE,MAAM,EAAE,GAAG,iCAAiC,EAAE,CAAC;IAEvD,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAExD,SAAS,CAAC,CAAC;IAEb,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CACxC,EAAE,CACH,CAAC;IAEF,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAExD,MAAM,CAAC,CAAC;IAEV,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,EAAE,CAAC;YACX,MAAM,OAAO,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,cAAc,EAAE,CAAC;YAEzC,MAAM,EAAE,GAAoC,IAAI,CAAC,KAAK,CACpD,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CACxB,CAAC;YAEF,YAAY,CAAC,EAAE,CAAC,CAAC;YAEjB,MAAM,MAAM,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,aAAa,EAAE,CAAC;YACvC,MAAM,OAAO,GAAkC,IAAI,CAAC,KAAK,CACvD,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CACvB,CAAC;YAEF,uCAAuC;YACvC,IAAI,EAAE,EAAE,CAAC;gBACP,MAAM,EAAE,GAAG,EAAE,aAAF,EAAE,uBAAF,EAAE,CAAE,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;gBAC1C,EAAE;oBACA,CAAC,CAAC,oBAAoB,CAAC,EAAE,aAAF,EAAE,uBAAF,EAAE,CAAE,KAAK,CAAC;oBACjC,CAAC,CAAC,oBAAoB,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;YACxC,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,CACL,KAAC,UAAU,IACT,cAAc,EAAE,GACd,KAAK,GAAG,GAAG,IAAI,SAAS,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,EACtD,EAAE,EACF,OAAO,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE;YACrB,OAAO,IAAI,OAAO,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;QAChC,CAAC,EACD,aAAa,EAAE,KAAC,YAAY,IAAC,SAAS,EAAC,eAAe,GAAG,EACzD,WAAW,EACT,cACE,SAAS,EAAE,mDACT,KAAK,GAAG,GAAG,IAAI,CAAC,SAAS;gBACvB,CAAC,CAAC,sBAAsB;gBACxB,CAAC,CAAC,uDACN,EAAE,YAEF,eAAK,SAAS,EAAC,8BAA8B,aAC3C,eACE,SAAS,EAAE,0EAA0E,aAErF,iBACE,OAAO,EAAE,GAAG,EAAE;oCACZ,IAAI,iBAAiB,EAAE,CAAC;wCACtB,iBAAiB,EAAE,CAAC;oCACtB,CAAC;gCACH,CAAC,EACD,SAAS,EAAC,oBAAoB,YAE9B,KAAC,aAAa,IAAC,SAAS,EAAC,eAAe,GAAG,GACpC,EACT,mCAAgB,IACZ,EAEN,cAAK,SAAS,EAAC,wDAAwD,GAAG,EAE1E,cAAK,SAAS,EAAC,uDAAuD,YACnE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;4BACvB,OAAO,CACL,KAAC,aAAa,IACZ,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EAEpB,UAAU,EAAE,iBAAiB,MAAK,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,KAAK,CAAA,EAC1C,OAAO,EAAE,CAAC,EACV,OAAO,EAAE,CAAC,CAAsC,EAAE,EAAE;oCAClD,MAAM,MAAM,GAAG,SAAS,CAAC,IAAI,CAC3B,CAAC,EAAE,EAAE,EAAE,CAAC,CAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,KAAK,MAAI,EAAE,aAAF,EAAE,uBAAF,EAAE,CAAE,KAAK,CAAA,CAC9B,CAAC;oCACF,IAAI,MAAM,IAAI,MAAM,CAAC,GAAG,IAAI,iBAAiB,EAAE,CAAC;wCAC9C,2BAA2B;wCAC3B,MAAM,WAAW,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,WAAW,EAAE,CAAC;wCAC1C,oBAAoB,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,CAAC,CAAC;wCACpC,oCAAoC;wCACpC,kBAAkB;oCACpB,CAAC;oCACD,iBAAiB,IAAI,iBAAiB,EAAE,CAAC;oCACzC,iBAAiB,CAAC,KAAK,CAAC,CAAC;gCAC3B,CAAC,IAhBI,WAAW,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,KAAK,IAAI,CAAC,EAAE,CAiB/B,CACH,CAAC;wBACJ,CAAC,CAAC,GACE,IACF,GACF,EAER,KAAK,EAAE,CAAC,EAAY,EAAE,EAAE;YACtB,oBAAoB,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC;QACjC,CAAC,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/QualityMenu/index.tsx"],"names":[],"mappings":"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"}
package/dist/components/QualityMenu/index.tsx CHANGED
@@ -7,7 +7,7 @@ import { CheckedIcon, LeftArrowIcon, SettingsIcon } from "../../images";
7
7
 
8
8
  type QualityOptionProps = {
9
9
  isSelected: boolean;
10
- quality: SoftBuildersVideoPlayerSource;
10
+ quality: any;
11
11
  onClick: (e: React.MouseEvent<HTMLButtonElement>) => void;
12
12
  width: number;
13
13
  isTrailer?: boolean;
@@ -19,10 +19,13 @@ const QualityOption = ({
19
19
  width,
20
20
  isTrailer,
21
21
  }: QualityOptionProps) => {
22
+ const { player } = useSoftBuildersVideoPlayerContext();
22
23
  return (
23
24
  <button
24
25
  className={`hover:sb-text-orange-500 ${
25
- width > 400 && !isTrailer ? "sb-p-2" : "sp-pb-1"
26
+ (width > 400 || player?.isFullscreen_ === true) && !isTrailer
27
+ ? "sb-p-2"
28
+ : "sp-pb-1"
26
29
  }`}
27
30
  onClick={(e: React.MouseEvent<HTMLButtonElement>) => {
28
31
  e.stopPropagation();
@@ -34,7 +37,9 @@ const QualityOption = ({
34
37
  {isSelected ? (
35
38
  <CheckedIcon
36
39
  className={`${
37
- width > 400 && !isTrailer ? "sb-w-5 sb-h-5" : "sb-w-3 sb-h-3"
40
+ (width > 400 || player?.isFullscreen_ === true) && !isTrailer
41
+ ? "sb-w-5 sb-h-5"
42
+ : "sb-w-3 sb-h-3"
38
43
  }`}
39
44
  />
40
45
  ) : (
@@ -42,7 +47,7 @@ const QualityOption = ({
42
47
  )}
43
48
  </div>
44
49
 
45
- <p className="sb-text-left sb-col-span-9">{quality?.label}</p>
50
+ <p className="sb-text-left sb-col-span-9">{quality.height}</p>
46
51
  </div>
47
52
  </button>
48
53
  );
@@ -67,9 +72,7 @@ const QualityMenu = ({
67
72
  Function | undefined
68
73
  >(undefined);
69
74
 
70
- const [qualities, setQualities] = useState<SoftBuildersVideoPlayerSource[]>(
71
- []
72
- );
75
+ const [qualities, setQualities] = useState<any[]>([]);
73
76
 
74
77
  const [currentQualitySrc, setCurrentQualitySrc] = useState<
75
78
  string | undefined
@@ -82,8 +85,12 @@ const QualityMenu = ({
82
85
  const qs: SoftBuildersVideoPlayerSource[] = JSON.parse(
83
86
  JSON.stringify(sources)
84
87
  );
88
+ // @ts-ignore
89
+ const qualityLevels = player?.qualityLevels();
90
+ setQualities(qualityLevels.levels_);
91
+ console.log("qualityLevels.levels_: ", qualityLevels.levels_.length);
85
92
 
86
- setQualities(qs);
93
+ setQualities((pre) => [...pre, { width: "auto", height: "auto" }]);
87
94
 
88
95
  const source = player?.currentSource();
89
96
  const quality: SoftBuildersVideoPlayerSource = JSON.parse(
@@ -99,72 +106,115 @@ const QualityMenu = ({
99
106
  }
100
107
  }
101
108
  }, [player]);
109
+ function setQualityByHeight(height: number) {
110
+ if (player) {
111
+ // @ts-ignore
112
+ const qualityLevels = player?.qualityLevels();
113
+ for (let i = 0; i < qualityLevels.length; i++) {
114
+ const level = qualityLevels[i];
115
+ level.enabled = level.height === height;
116
+ }
117
+ }
118
+ }
119
+ function setAutoQuality() {
120
+ if (player) {
121
+ // @ts-ignore
122
+ const qualityLevels = player.qualityLevels();
123
+
124
+ let highestQuality = null;
125
+
126
+ // Find the highest quality level (optional: based on width/height/bitrate)
127
+ for (let i = 0; i < qualityLevels.length; i++) {
128
+ const level = qualityLevels[i];
129
+ if (!highestQuality || level.height > highestQuality.height) {
130
+ highestQuality = level;
131
+ }
132
+ }
102
133
 
134
+ // Enable the highest quality level (if needed)
135
+ if (highestQuality) {
136
+ for (let i = 0; i < qualityLevels.length; i++) {
137
+ const level = qualityLevels[i];
138
+ level.enabled = level === highestQuality; // Enable only the highest level
139
+ }
140
+ }
141
+ }
142
+ }
103
143
  return (
104
144
  <MenuButton
105
145
  classContainer={`${
106
- width < 400 || isTrailer ? "!sb-top-8 -sb-left-9" : ""
146
+ (width < 400 && player?.isFullscreen_ === false) || isTrailer
147
+ ? "!sb-top-8 -sb-left-9"
148
+ : ""
107
149
  }`}
108
150
  onClick={(e, isOpen) => {
109
151
  onClick && onClick(e, isOpen);
110
152
  }}
111
153
  buttonContent={<SettingsIcon className="sb-w-3 sb-h-3" />}
112
154
  menuContent={
113
- <div
114
- className={`sb-rounded-md sb-bg-[#303030] sb-bg-opacity-50 ${
115
- width > 400 && !isTrailer
116
- ? "sb-w-[150px] sb-py-5"
117
- : "sb-w-[90px] sb-items-center sb-justify-center sb-py-1"
118
- }`}
119
- >
120
- <div className="sb-flex sb-flex-col sb-gap-3">
155
+ <>
156
+ {qualities?.length > 1 && (
121
157
  <div
122
- className={`sb-px-5 sb-flex sb-flex-row sb-gap-3 sb-items-start sb-relative sb-top-2`}
158
+ className={`sb-rounded-md sb-bg-[#303030] sb-bg-opacity-50 ${
159
+ (width > 400 || player?.isFullscreen_ === true) && !isTrailer
160
+ ? "sb-w-[150px] sb-py-5"
161
+ : "sb-w-[90px] sb-items-center sb-justify-center sb-py-1"
162
+ }`}
123
163
  >
124
- <button
125
- onClick={() => {
126
- if (closeMenuFunction) {
127
- closeMenuFunction();
128
- }
129
- }}
130
- className="hover:sb-scale-150"
131
- >
132
- <LeftArrowIcon className="sb-w-3 sb-h-3" />
133
- </button>
134
- <h3>Quality</h3>
135
- </div>
136
-
137
- <div className="sb-w-full sb-h-[.1px] sb-bg-[#AAAAAA] sb-bg-opacity-70" />
138
-
139
- <div className="sb-px-5 sb-flex sb-flex-col sb-gap-3 sb-items-start ">
140
- {qualities?.map((q, i) => {
141
- return (
142
- <QualityOption
143
- width={width}
144
- isTrailer={isTrailer}
145
- key={`quality-${q?.label}-${i}`}
146
- isSelected={currentQualitySrc === q?.label}
147
- quality={q}
148
- onClick={(e: React.MouseEvent<HTMLButtonElement>) => {
149
- const source = qualities.find(
150
- (_q) => q?.label == _q?.label
151
- );
152
- if (source && source.src != currentQualitySrc) {
153
- // player?.src(source.src);
154
- const currentTime = player?.currentTime();
155
- setCurrentQualitySrc(source?.label);
156
- // player?.currentTime(currentTime);
157
- // player?.play();
164
+ <div className="sb-flex sb-flex-col sb-gap-3">
165
+ <div
166
+ className={`sb-px-5 sb-flex sb-flex-row sb-gap-3 sb-items-start sb-relative sb-top-2`}
167
+ >
168
+ <button
169
+ onClick={() => {
170
+ if (closeMenuFunction) {
171
+ closeMenuFunction();
158
172
  }
159
- closeMenuFunction && closeMenuFunction();
160
- setIsModalChanged(false);
161
173
  }}
162
- />
163
- );
164
- })}
174
+ className="hover:sb-scale-150"
175
+ >
176
+ <LeftArrowIcon className="sb-w-3 sb-h-3" />
177
+ </button>
178
+ <h3>Quality</h3>
179
+ </div>
180
+
181
+ <div className="sb-w-full sb-h-[.1px] sb-bg-[#AAAAAA] sb-bg-opacity-70" />
182
+
183
+ <div className="sb-px-5 sb-flex sb-flex-col sb-gap-3 sb-items-start ">
184
+ {qualities?.map((q, i) => {
185
+ return (
186
+ <QualityOption
187
+ width={width}
188
+ isTrailer={isTrailer}
189
+ key={q.width}
190
+ isSelected={currentQualitySrc === q?.height}
191
+ quality={q}
192
+ onClick={(e: React.MouseEvent<HTMLButtonElement>) => {
193
+ q.height != "auto"
194
+ ? setQualityByHeight(q.height)
195
+ : setAutoQuality();
196
+ // const source = qualities.find(
197
+ // (_q) => q?.height == _q?.height
198
+ // );
199
+ // if (source && source.src != currentQualitySrc) {
200
+ // player?.src(source.src);
201
+ // const currentTime = player?.currentTime();
202
+ // setCurrentQualitySrc(source?.label);
203
+
204
+ // player?.currentTime(currentTime);
205
+ // player?.play();
206
+ // }
207
+ closeMenuFunction && closeMenuFunction();
208
+ setIsModalChanged(false);
209
+ }}
210
+ />
211
+ );
212
+ })}
213
+ </div>
214
+ </div>
165
215
  </div>
166
- </div>
167
- </div>
216
+ )}
217
+ </>
168
218
  }
169
219
  close={(fn: Function) => {
170
220
  setCloseMenuFunction(() => fn);
package/dist/components/SoftBuildersVideoPlayer/index.js CHANGED
@@ -47,6 +47,7 @@ const Component = forwardRef(({ options, notes, chapters, startTime = 0, handleS
47
47
  };
48
48
  getTracks();
49
49
  }, [options === null || options === void 0 ? void 0 : options.tracks]);
50
+ console.log("options:===. ", options);
50
51
  const id = (Date.now() + Math.random() * 100).toString();
51
52
  const [uuid, setUuid] = useState("");
52
53
  useEffect(() => {
@@ -56,6 +57,7 @@ const Component = forwardRef(({ options, notes, chapters, startTime = 0, handleS
56
57
  });
57
58
  const SoftBuildersVideoPlayer = memo(Component, (prevProps, nextProps) => {
58
59
  return (isEqual(prevProps.options, nextProps.options) &&
60
+ prevProps.options.sources[0].type === nextProps.options.sources[0].type &&
59
61
  prevProps.notes === nextProps.notes &&
60
62
  prevProps.chapters === nextProps.chapters &&
61
63
  prevProps.startTime === nextProps.startTime &&
package/dist/components/SoftBuildersVideoPlayer/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SoftBuildersVideoPlayer/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrE,OAAO,oBAAoB,MAAM,yBAAyB,CAAC;AAO3D,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACjC,OAAO,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,MAAM,CAAC;AAEpC,MAAM,eAAe,GAAmC;IACtD,QAAQ,EAAE,KAAK;IACf,QAAQ,EAAE,IAAI;IACd,KAAK,EAAE,KAAK;IACZ,KAAK,EAAE,IAAI;IACX,MAAM,EAAE,GAAG;IACX,KAAK,EAAE,GAAG;IACV,OAAO,EAAE,EAAE;IACX,MAAM,EAAE,EAAE;CACX,CAAC;AAoBF,MAAM,SAAS,GAAG,UAAU,CAC1B,CAAC,EACC,OAAO,EACP,KAAK,EACL,QAAQ,EACR,SAAS,GAAG,CAAC,EACb,oBAAoB,EACpB,MAAM,EACN,OAAO,EACP,SAAS,GAAG,IAAI,EAChB,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,eAAe,EACf,OAAO,EACP,SAAS,GAAG,KAAK,EACjB,MAAM,GACK,EAAE,EAAE;IACf,OAAO,GAAG,gCACL,OAAO,KACV,UAAU,EAAE,IAAI,EAChB,iBAAiB,EAAE,CAAC,EACpB,UAAU,EAAE;YACV,YAAY,EAAE,MAAM;SACrB,GACK,CAAC;IAET,IAAI,OAAO,CAAC,QAAQ,KAAK,SAAS;QAChC,OAAO,CAAC,QAAQ,GAAG,eAAe,CAAC,QAAQ,CAAC;IAC9C,IAAI,OAAO,CAAC,QAAQ,KAAK,SAAS;QAChC,OAAO,CAAC,QAAQ,GAAG,eAAe,CAAC,QAAQ,CAAC;IAC9C,IAAI,OAAO,CAAC,KAAK,KAAK,SAAS;QAAE,OAAO,CAAC,KAAK,GAAG,eAAe,CAAC,KAAK,CAAC;IACvE,IAAI,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,MAAK,SAAS;QAAE,OAAO,CAAC,KAAK,GAAG,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,KAAK,CAAC;IACzE,IAAI,OAAO,CAAC,MAAM,KAAK,SAAS;QAAE,OAAO,CAAC,MAAM,GAAG,eAAe,CAAC,MAAM,CAAC;IAC1E,IAAI,OAAO,CAAC,KAAK,KAAK,SAAS;QAAE,OAAO,CAAC,KAAK,GAAG,eAAe,CAAC,KAAK,CAAC;IAEvE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAiC,EAAE,CAAC,CAAC;IACzE,SAAS,CAAC,GAAG,EAAE,GAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IACjC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,SAAS,GAAG,KAAK,IAAI,EAAE;YAC3B,MAAM,SAAS,GAAmC,EAAE,CAAC;YACrD,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,CAAC;gBAChC,KAAK,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,CAAC,OAAO,EAAE,EAAE,CAAC;oBAC/C,IAAI,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC;oBAEhB,IAAI,CAAC,CAAC,QAAQ,IAAI,UAAU,EAAE,CAAC;wBAC7B,GAAG,GAAG,MAAM,eAAe,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;oBACrC,CAAC;oBAED,SAAS,CAAC,IAAI,iCACT,CAAC,KACJ,GAAG,IACH,CAAC;gBACL,CAAC;YAEH,SAAS,CAAC,SAAS,CAAC,CAAC;QACvB,CAAC,CAAC;QAEF,SAAS,EAAE,CAAC;IACd,CAAC,EAAE,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,CAAC,CAAC,CAAC;IAEtB,MAAM,EAAE,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,CAAC,CAAC,QAAQ,EAAE,CAAC;IACzD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAErC,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;IACpB,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,CACL,KAAC,oBAAoB,IACnB,EAAE,EAAE,IAAI,EACR,QAAQ,EAAE,QAAQ,EAClB,OAAO,kCAAO,OAAO,KAAE,MAAM,KAC7B,KAAK,EAAE,KAAK,EACZ,MAAM,EAAC,EAAE,EACT,SAAS,EAAE,SAAS,EACpB,oBAAoB,EAAE,oBAAoB,EAC1C,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,GACd,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,uBAAuB,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,EAAE;IACvE,OAAO,CACL,OAAO,CAAC,SAAS,CAAC,OAAO,EAAE,SAAS,CAAC,OAAO,CAAC;QAC7C,SAAS,CAAC,KAAK,KAAK,SAAS,CAAC,KAAK;QACnC,SAAS,CAAC,QAAQ,KAAK,SAAS,CAAC,QAAQ;QACzC,SAAS,CAAC,SAAS,KAAK,SAAS,CAAC,SAAS;QAC3C,SAAS,CAAC,MAAM,KAAK,SAAS,CAAC,MAAM,CACtC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,uBAAuB,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SoftBuildersVideoPlayer/index.tsx"],"names":[],"mappings":"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"}