softbuilders-react-video-player 1.3.8 → 1.3.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -21
- package/dist/components/ControlBar/index.d.ts +2 -1
- package/dist/components/ControlBar/index.js +11 -1
- package/dist/components/ControlBar/index.js.map +1 -1
- package/dist/components/ControlBar/index.tsx +11 -0
- package/dist/components/CurrentTimeLabel/index.tsx +13 -13
- package/dist/components/Menu/index.tsx +49 -49
- package/dist/components/SoftBuildersVideoPlayer/index.js +1 -0
- package/dist/components/SoftBuildersVideoPlayer/index.js.map +1 -1
- package/dist/components/SoftBuildersVideoPlayer/index.tsx +1 -0
- package/dist/components/VideoPlayerComponent/index.js +15 -7
- package/dist/components/VideoPlayerComponent/index.js.map +1 -1
- package/dist/components/VideoPlayerComponent/index.tsx +17 -5
- package/dist/components/VideoPlayerComponent/provider.tsx +82 -82
- package/dist/components/VideoPlayerComponent/style/style.css +2 -1
- package/dist/components/VolumeSlider/index.js +2 -2
- package/dist/components/VolumeSlider/index.js.map +1 -1
- package/dist/components/VolumeSlider/index.tsx +3 -3
- package/dist/components/icons/SkillamiIcon.tsx +25 -25
- package/dist/components/icons/SubIcon.tsx +27 -27
- package/dist/components/icons/VolumeHigh.tsx +15 -15
- package/dist/components/icons/VolumeLow.tsx +14 -14
- package/dist/components/icons/VolumeMute.tsx +25 -25
- package/dist/components/icons/VolumeVLow.tsx +14 -14
- package/dist/components/icons/index.ts +20 -20
- package/dist/index.css +2 -1
- package/dist/index.mjs +32 -11
- package/dist/styles/tailwind.css +130 -130
- package/package.json +1 -1
- package/dist/components/icons/VolumeHighIcon.d.ts +0 -3
- package/dist/components/icons/VolumeHighIcon.js +0 -4
- package/dist/components/icons/VolumeHighIcon.js.map +0 -1
- package/dist/components/icons/VolumeHighIcon.tsx +0 -16
- package/dist/components/icons/VolumeIconHigh.d.ts +0 -3
- package/dist/components/icons/VolumeIconHigh.js +0 -4
- package/dist/components/icons/VolumeIconHigh.js.map +0 -1
- package/dist/components/icons/VolumeIconHigh.tsx +0 -16
- package/dist/components/icons/VolumeIconLow copy.d.ts +0 -3
- package/dist/components/icons/VolumeIconLow copy.js +0 -4
- package/dist/components/icons/VolumeIconLow copy.js.map +0 -1
- package/dist/components/icons/VolumeIconLow copy.tsx +0 -17
- package/dist/components/icons/VolumeLowIcon.d.ts +0 -3
- package/dist/components/icons/VolumeLowIcon.js +0 -4
- package/dist/components/icons/VolumeLowIcon.js.map +0 -1
- package/dist/components/icons/VolumeLowIcon.tsx +0 -15
@@ -1,82 +1,82 @@
|
|
1
|
-
import React, {
|
2
|
-
createContext,
|
3
|
-
useContext,
|
4
|
-
useState,
|
5
|
-
ReactNode,
|
6
|
-
useEffect,
|
7
|
-
} from "react";
|
8
|
-
import Player from "video.js/dist/types/player";
|
9
|
-
|
10
|
-
interface SoftBuildersVideoPlayerContextType {
|
11
|
-
player: Player | undefined;
|
12
|
-
setPlayer: React.Dispatch<React.SetStateAction<Player | undefined>>;
|
13
|
-
|
14
|
-
currentTime: number;
|
15
|
-
setCurrentTime: (value: number) => void;
|
16
|
-
|
17
|
-
duration: number;
|
18
|
-
setDuration: React.Dispatch<React.SetStateAction<number>>;
|
19
|
-
|
20
|
-
// isPaused: boolean;
|
21
|
-
// setIsPaused: React.Dispatch<React.SetStateAction<boolean>>;
|
22
|
-
|
23
|
-
downloadedBufferPercentage: number;
|
24
|
-
downloadedBufferTime: number;
|
25
|
-
setDownloadedBufferTimeufferTime: React.Dispatch<
|
26
|
-
React.SetStateAction<number>
|
27
|
-
>;
|
28
|
-
}
|
29
|
-
|
30
|
-
const SoftBuildersVideoPlayerContext = createContext<
|
31
|
-
SoftBuildersVideoPlayerContextType | undefined
|
32
|
-
>(undefined);
|
33
|
-
|
34
|
-
// Create a provider component
|
35
|
-
export const SoftBuildersVideoPlayerProvider = ({
|
36
|
-
children,
|
37
|
-
}: {
|
38
|
-
children: ReactNode;
|
39
|
-
}) => {
|
40
|
-
const [player, setPlayer] = useState<Player | undefined>(undefined);
|
41
|
-
const [currentTime, setCurrentTime] = useState<number>(0);
|
42
|
-
const [duration, setDuration] = useState<number>(1);
|
43
|
-
// const [isPaused, setIsPaused] = useState(false);
|
44
|
-
const [downloadedBufferTime, setDownloadedBufferTimeufferTime] = useState(0);
|
45
|
-
const [downloadedBufferPercentage, setDownloadedBufferPercentage] =
|
46
|
-
useState(0);
|
47
|
-
|
48
|
-
useEffect(() => {
|
49
|
-
setDownloadedBufferPercentage((downloadedBufferTime * 100) / duration);
|
50
|
-
}, [downloadedBufferTime]);
|
51
|
-
|
52
|
-
return (
|
53
|
-
<SoftBuildersVideoPlayerContext.Provider
|
54
|
-
value={{
|
55
|
-
player,
|
56
|
-
setPlayer,
|
57
|
-
duration,
|
58
|
-
setDuration,
|
59
|
-
currentTime,
|
60
|
-
setCurrentTime: (value) => setCurrentTime(Math.floor(value)),
|
61
|
-
// isPaused,
|
62
|
-
// setIsPaused,
|
63
|
-
downloadedBufferTime,
|
64
|
-
setDownloadedBufferTimeufferTime,
|
65
|
-
downloadedBufferPercentage,
|
66
|
-
}}
|
67
|
-
>
|
68
|
-
{children}
|
69
|
-
</SoftBuildersVideoPlayerContext.Provider>
|
70
|
-
);
|
71
|
-
};
|
72
|
-
|
73
|
-
// Custom hook to use the context
|
74
|
-
export const useSoftBuildersVideoPlayerContext = () => {
|
75
|
-
const context = useContext(SoftBuildersVideoPlayerContext);
|
76
|
-
if (!context) {
|
77
|
-
throw new Error(
|
78
|
-
"useSoftBuildersVideoPlayerContext must be used within an SoftBuildersVideoPlayerProvider"
|
79
|
-
);
|
80
|
-
}
|
81
|
-
return context;
|
82
|
-
};
|
1
|
+
import React, {
|
2
|
+
createContext,
|
3
|
+
useContext,
|
4
|
+
useState,
|
5
|
+
ReactNode,
|
6
|
+
useEffect,
|
7
|
+
} from "react";
|
8
|
+
import Player from "video.js/dist/types/player";
|
9
|
+
|
10
|
+
interface SoftBuildersVideoPlayerContextType {
|
11
|
+
player: Player | undefined;
|
12
|
+
setPlayer: React.Dispatch<React.SetStateAction<Player | undefined>>;
|
13
|
+
|
14
|
+
currentTime: number;
|
15
|
+
setCurrentTime: (value: number) => void;
|
16
|
+
|
17
|
+
duration: number;
|
18
|
+
setDuration: React.Dispatch<React.SetStateAction<number>>;
|
19
|
+
|
20
|
+
// isPaused: boolean;
|
21
|
+
// setIsPaused: React.Dispatch<React.SetStateAction<boolean>>;
|
22
|
+
|
23
|
+
downloadedBufferPercentage: number;
|
24
|
+
downloadedBufferTime: number;
|
25
|
+
setDownloadedBufferTimeufferTime: React.Dispatch<
|
26
|
+
React.SetStateAction<number>
|
27
|
+
>;
|
28
|
+
}
|
29
|
+
|
30
|
+
const SoftBuildersVideoPlayerContext = createContext<
|
31
|
+
SoftBuildersVideoPlayerContextType | undefined
|
32
|
+
>(undefined);
|
33
|
+
|
34
|
+
// Create a provider component
|
35
|
+
export const SoftBuildersVideoPlayerProvider = ({
|
36
|
+
children,
|
37
|
+
}: {
|
38
|
+
children: ReactNode;
|
39
|
+
}) => {
|
40
|
+
const [player, setPlayer] = useState<Player | undefined>(undefined);
|
41
|
+
const [currentTime, setCurrentTime] = useState<number>(0);
|
42
|
+
const [duration, setDuration] = useState<number>(1);
|
43
|
+
// const [isPaused, setIsPaused] = useState(false);
|
44
|
+
const [downloadedBufferTime, setDownloadedBufferTimeufferTime] = useState(0);
|
45
|
+
const [downloadedBufferPercentage, setDownloadedBufferPercentage] =
|
46
|
+
useState(0);
|
47
|
+
|
48
|
+
useEffect(() => {
|
49
|
+
setDownloadedBufferPercentage((downloadedBufferTime * 100) / duration);
|
50
|
+
}, [downloadedBufferTime]);
|
51
|
+
|
52
|
+
return (
|
53
|
+
<SoftBuildersVideoPlayerContext.Provider
|
54
|
+
value={{
|
55
|
+
player,
|
56
|
+
setPlayer,
|
57
|
+
duration,
|
58
|
+
setDuration,
|
59
|
+
currentTime,
|
60
|
+
setCurrentTime: (value) => setCurrentTime(Math.floor(value)),
|
61
|
+
// isPaused,
|
62
|
+
// setIsPaused,
|
63
|
+
downloadedBufferTime,
|
64
|
+
setDownloadedBufferTimeufferTime,
|
65
|
+
downloadedBufferPercentage,
|
66
|
+
}}
|
67
|
+
>
|
68
|
+
{children}
|
69
|
+
</SoftBuildersVideoPlayerContext.Provider>
|
70
|
+
);
|
71
|
+
};
|
72
|
+
|
73
|
+
// Custom hook to use the context
|
74
|
+
export const useSoftBuildersVideoPlayerContext = () => {
|
75
|
+
const context = useContext(SoftBuildersVideoPlayerContext);
|
76
|
+
if (!context) {
|
77
|
+
throw new Error(
|
78
|
+
"useSoftBuildersVideoPlayerContext must be used within an SoftBuildersVideoPlayerProvider"
|
79
|
+
);
|
80
|
+
}
|
81
|
+
return context;
|
82
|
+
};
|
@@ -69,6 +69,7 @@ video {
|
|
69
69
|
-webkit-user-select: auto;
|
70
70
|
touch-action: manipulation;
|
71
71
|
}
|
72
|
-
.vjs_video_1338-dimensions.vjs-fluid:not(.vjs-audio-only-mode)
|
72
|
+
.vjs_video_1338-dimensions.vjs-fluid:not(.vjs-audio-only-mode),
|
73
|
+
.vjs_video_35027-dimensions.vjs-fluid {
|
73
74
|
padding-top: 0 !important;
|
74
75
|
}
|
@@ -133,7 +133,7 @@ const VolumeSlider = ({ width = 0, setIsSeeking, handleControlDisplayTimer, volu
|
|
133
133
|
: `sb-flex-col ${isTrailer ? "sb-justify-start" : ""}`} sb-items-center sb-gap-1 sb-h-full`, children: [_jsx("div", { className: `sb-flex sb-relative ${(width < 400 && (player === null || player === void 0 ? void 0 : player.isFullscreen_) === false) || isTrailer
|
134
134
|
? "-sb-top-1"
|
135
135
|
: "sb-top-1"}`, onClick: toggleVisibility, onDoubleClick: handleDoubleClick, children: player &&
|
136
|
-
(volume == 0
|
136
|
+
(volume == 0 ? (_jsx(VolumeMute, { className: `sb-w-3 sb-h-3 ${(width < 400 && (player === null || player === void 0 ? void 0 : player.isFullscreen_) === false) || isTrailer
|
137
137
|
? ""
|
138
138
|
: ""} sb-h-5 sb-w-5` })) : volume < 25 ? (_jsx(VolumeVLow, { className: `sb-w-3 sb-h-3 ${(width < 400 && (player === null || player === void 0 ? void 0 : player.isFullscreen_) === false) || isTrailer
|
139
139
|
? ""
|
@@ -145,7 +145,7 @@ const VolumeSlider = ({ width = 0, setIsSeeking, handleControlDisplayTimer, volu
|
|
145
145
|
? "sb-w-[22px] sb-opacity-100 sb-visible"
|
146
146
|
: "sb-w-[22px] sb-opacity-0 sb-invisible"} ${(width > 400 || (player === null || player === void 0 ? void 0 : player.isFullscreen_) === true) && !isTrailer
|
147
147
|
? "-sb-rotate-90 -sb-translate-y-1"
|
148
|
-
: "sb-rotate-90 sb-translate-y-1"} sb-relative`, children: _jsx(Slider, { onMouseMove:
|
148
|
+
: "sb-rotate-90 sb-translate-y-1"} sb-relative`, children: _jsx(Slider, { onMouseMove: onMouseMove, setNoteOpen: setNoteOpen, value: volume, handleValueChange: handleValueChange, min: MIN, max: MAX, className: "!sb-w-16 ", handleSliderClick: handleVolumeSliderClick, setClicked: setClicked }) }) })] }));
|
149
149
|
};
|
150
150
|
export default VolumeSlider;
|
151
151
|
//# sourceMappingURL=index.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/VolumeSlider/index.tsx"],"names":[],"mappings":"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
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/VolumeSlider/index.tsx"],"names":[],"mappings":"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"}
|
@@ -170,7 +170,7 @@ const VolumeSlider = ({
|
|
170
170
|
onDoubleClick={handleDoubleClick}
|
171
171
|
>
|
172
172
|
{player &&
|
173
|
-
(volume == 0
|
173
|
+
(volume == 0 ? (
|
174
174
|
<VolumeMute
|
175
175
|
className={`sb-w-3 sb-h-3 ${
|
176
176
|
(width < 400 && player?.isFullscreen_ === false) || isTrailer
|
@@ -220,8 +220,8 @@ const VolumeSlider = ({
|
|
220
220
|
} sb-relative`}
|
221
221
|
>
|
222
222
|
<Slider
|
223
|
-
onMouseMove={
|
224
|
-
onMouseMove
|
223
|
+
onMouseMove={
|
224
|
+
onMouseMove
|
225
225
|
}
|
226
226
|
setNoteOpen={setNoteOpen}
|
227
227
|
value={volume}
|
@@ -1,25 +1,25 @@
|
|
1
|
-
import type { SVGProps } from "react";
|
2
|
-
const SvgSkillamiIcon = (props: SVGProps<SVGSVGElement>) => (
|
3
|
-
<svg
|
4
|
-
xmlns="http://www.w3.org/2000/svg"
|
5
|
-
fill="none"
|
6
|
-
viewBox="0 0 45 46"
|
7
|
-
width="1em"
|
8
|
-
height="1em"
|
9
|
-
{...props}
|
10
|
-
>
|
11
|
-
<path
|
12
|
-
fill="#fff"
|
13
|
-
d="m22.736 37.857-11.924-3.255-3.194-12.153a.99.99 0 0 0-1.213-.714c-.53.145-.843.7-.7 1.236l3.343 12.715a.991.991 0 0 0 .7.714l12.476 3.406a.985.985 0 0 0 1.213-.713 1.01 1.01 0 0 0-.7-1.236M44.733 25.943 39.51 6.074a1 1 0 0 0-.7-.714L19.308.033a.98.98 0 0 0-.957.26L9.389 9.428a1.02 1.02 0 0 0 0 1.428.976.976 0 0 0 1.402 0l8.56-8.717 18.39 5.024 4.93 18.741-8.56 8.724a1.02 1.02 0 0 0 0 1.428.977.977 0 0 0 1.4 0l8.963-9.133c.249-.254.348-.627.256-.975z"
|
14
|
-
/>
|
15
|
-
<path
|
16
|
-
fill="#fff"
|
17
|
-
d="m24.323 30.829-7.735-2.113-2.074-7.883a.99.99 0 0 0-1.213-.714c-.53.145-.842.7-.7 1.236l2.223 8.445a.991.991 0 0 0 .7.714l8.287 2.265a.985.985 0 0 0 1.212-.714 1.01 1.01 0 0 0-.7-1.236M15.887 15.86l5.573-5.68 4.278 1.168a.985.985 0 0 0 1.213-.714 1.01 1.01 0 0 0-.7-1.236l-4.83-1.32a.98.98 0 0 0-.957.262l-5.979 6.092a1.02 1.02 0 0 0 0 1.428.977.977 0 0 0 1.402 0M29.206 30.858a.976.976 0 0 0 1.4 0l5.98-6.093c.248-.253.348-.627.255-.975l-1.294-4.921a.99.99 0 0 0-1.213-.715c-.53.145-.843.7-.7 1.236l1.145 4.36-5.574 5.68a1.02 1.02 0 0 0 0 1.428"
|
18
|
-
/>
|
19
|
-
<path
|
20
|
-
fill="#F26C21"
|
21
|
-
d="m29.383 36.008-2.99-11 2.745-2.798-1.007-3.83 2.45-2.498 3.76 1.026 3.56-3.628L36.6 8.322l-4.865-1.327-3.56 3.628 1.007 3.831-2.45 2.497-3.76-1.026-2.745 2.799-10.794-3.049-1.007-3.834-4.865-1.327L0 14.142l1.302 4.959 4.865 1.326 2.745-2.798 10.794 3.048 1.007 3.835 3.762 1.025 2.991 11-2.745 2.798 1.302 4.959 4.865 1.326 3.56-3.628-1.302-4.958-3.763-1.03zM32.328 9.25l2.653.725.712 2.704-1.942 1.979-2.653-.725-.712-2.704zM5.573 18.173l-2.653-.725-.711-2.704 1.941-1.979 2.653.725.712 2.704zm16.761 4.686-.71-2.704 1.941-1.979 2.653.725.711 2.704-1.941 1.979zm7.963 20.507-2.653-.725-.711-2.704 1.942-1.979 2.653.725.711 2.704z"
|
22
|
-
/>
|
23
|
-
</svg>
|
24
|
-
);
|
25
|
-
export default SvgSkillamiIcon;
|
1
|
+
import type { SVGProps } from "react";
|
2
|
+
const SvgSkillamiIcon = (props: SVGProps<SVGSVGElement>) => (
|
3
|
+
<svg
|
4
|
+
xmlns="http://www.w3.org/2000/svg"
|
5
|
+
fill="none"
|
6
|
+
viewBox="0 0 45 46"
|
7
|
+
width="1em"
|
8
|
+
height="1em"
|
9
|
+
{...props}
|
10
|
+
>
|
11
|
+
<path
|
12
|
+
fill="#fff"
|
13
|
+
d="m22.736 37.857-11.924-3.255-3.194-12.153a.99.99 0 0 0-1.213-.714c-.53.145-.843.7-.7 1.236l3.343 12.715a.991.991 0 0 0 .7.714l12.476 3.406a.985.985 0 0 0 1.213-.713 1.01 1.01 0 0 0-.7-1.236M44.733 25.943 39.51 6.074a1 1 0 0 0-.7-.714L19.308.033a.98.98 0 0 0-.957.26L9.389 9.428a1.02 1.02 0 0 0 0 1.428.976.976 0 0 0 1.402 0l8.56-8.717 18.39 5.024 4.93 18.741-8.56 8.724a1.02 1.02 0 0 0 0 1.428.977.977 0 0 0 1.4 0l8.963-9.133c.249-.254.348-.627.256-.975z"
|
14
|
+
/>
|
15
|
+
<path
|
16
|
+
fill="#fff"
|
17
|
+
d="m24.323 30.829-7.735-2.113-2.074-7.883a.99.99 0 0 0-1.213-.714c-.53.145-.842.7-.7 1.236l2.223 8.445a.991.991 0 0 0 .7.714l8.287 2.265a.985.985 0 0 0 1.212-.714 1.01 1.01 0 0 0-.7-1.236M15.887 15.86l5.573-5.68 4.278 1.168a.985.985 0 0 0 1.213-.714 1.01 1.01 0 0 0-.7-1.236l-4.83-1.32a.98.98 0 0 0-.957.262l-5.979 6.092a1.02 1.02 0 0 0 0 1.428.977.977 0 0 0 1.402 0M29.206 30.858a.976.976 0 0 0 1.4 0l5.98-6.093c.248-.253.348-.627.255-.975l-1.294-4.921a.99.99 0 0 0-1.213-.715c-.53.145-.843.7-.7 1.236l1.145 4.36-5.574 5.68a1.02 1.02 0 0 0 0 1.428"
|
18
|
+
/>
|
19
|
+
<path
|
20
|
+
fill="#F26C21"
|
21
|
+
d="m29.383 36.008-2.99-11 2.745-2.798-1.007-3.83 2.45-2.498 3.76 1.026 3.56-3.628L36.6 8.322l-4.865-1.327-3.56 3.628 1.007 3.831-2.45 2.497-3.76-1.026-2.745 2.799-10.794-3.049-1.007-3.834-4.865-1.327L0 14.142l1.302 4.959 4.865 1.326 2.745-2.798 10.794 3.048 1.007 3.835 3.762 1.025 2.991 11-2.745 2.798 1.302 4.959 4.865 1.326 3.56-3.628-1.302-4.958-3.763-1.03zM32.328 9.25l2.653.725.712 2.704-1.942 1.979-2.653-.725-.712-2.704zM5.573 18.173l-2.653-.725-.711-2.704 1.941-1.979 2.653.725.712 2.704zm16.761 4.686-.71-2.704 1.941-1.979 2.653.725.711 2.704-1.941 1.979zm7.963 20.507-2.653-.725-.711-2.704 1.942-1.979 2.653.725.711 2.704z"
|
22
|
+
/>
|
23
|
+
</svg>
|
24
|
+
);
|
25
|
+
export default SvgSkillamiIcon;
|
@@ -1,27 +1,27 @@
|
|
1
|
-
import type { SVGProps } from "react";
|
2
|
-
const SvgSubIcon = (props: SVGProps<SVGSVGElement>) => (
|
3
|
-
<svg
|
4
|
-
xmlns="http://www.w3.org/2000/svg"
|
5
|
-
width="1em"
|
6
|
-
height="1em"
|
7
|
-
fill="none"
|
8
|
-
viewBox="0 0 15 15"
|
9
|
-
{...props}
|
10
|
-
>
|
11
|
-
<path
|
12
|
-
stroke="#D1D5DB"
|
13
|
-
strokeLinecap="round"
|
14
|
-
strokeLinejoin="round"
|
15
|
-
strokeWidth={1.5}
|
16
|
-
d="M1.25 7.5c0-2.487 0-3.731.658-4.561q.159-.2.346-.367c.785-.697 1.96-.697 4.309-.697h1.875c2.349 0 3.523 0 4.307.697q.19.168.347.367c.658.83.658 2.074.658 4.561s0 3.731-.658 4.561q-.157.2-.347.367c-.784.697-1.957.697-4.307.697H6.562c-2.349 0-3.523 0-4.308-.697a3 3 0 0 1-.346-.367c-.658-.83-.658-2.073-.658-4.561"
|
17
|
-
/>
|
18
|
-
<path
|
19
|
-
stroke="#D1D5DB"
|
20
|
-
strokeLinecap="round"
|
21
|
-
strokeLinejoin="round"
|
22
|
-
strokeWidth={1.5}
|
23
|
-
d="M6.563 5.625H6.25c-.582 0-.874 0-1.103.095a1.25 1.25 0 0 0-.677.677c-.095.23-.095.52-.095 1.103 0 .582 0 .874.095 1.103a1.25 1.25 0 0 0 .677.677c.23.095.52.095 1.103.095h.313m4.062-3.75h-.312c-.583 0-.874 0-1.104.095a1.25 1.25 0 0 0-.676.677c-.095.23-.095.52-.095 1.103 0 .582 0 .874.095 1.103a1.25 1.25 0 0 0 .676.677c.23.095.521.095 1.104.095h.312"
|
24
|
-
/>
|
25
|
-
</svg>
|
26
|
-
);
|
27
|
-
export default SvgSubIcon;
|
1
|
+
import type { SVGProps } from "react";
|
2
|
+
const SvgSubIcon = (props: SVGProps<SVGSVGElement>) => (
|
3
|
+
<svg
|
4
|
+
xmlns="http://www.w3.org/2000/svg"
|
5
|
+
width="1em"
|
6
|
+
height="1em"
|
7
|
+
fill="none"
|
8
|
+
viewBox="0 0 15 15"
|
9
|
+
{...props}
|
10
|
+
>
|
11
|
+
<path
|
12
|
+
stroke="#D1D5DB"
|
13
|
+
strokeLinecap="round"
|
14
|
+
strokeLinejoin="round"
|
15
|
+
strokeWidth={1.5}
|
16
|
+
d="M1.25 7.5c0-2.487 0-3.731.658-4.561q.159-.2.346-.367c.785-.697 1.96-.697 4.309-.697h1.875c2.349 0 3.523 0 4.307.697q.19.168.347.367c.658.83.658 2.074.658 4.561s0 3.731-.658 4.561q-.157.2-.347.367c-.784.697-1.957.697-4.307.697H6.562c-2.349 0-3.523 0-4.308-.697a3 3 0 0 1-.346-.367c-.658-.83-.658-2.073-.658-4.561"
|
17
|
+
/>
|
18
|
+
<path
|
19
|
+
stroke="#D1D5DB"
|
20
|
+
strokeLinecap="round"
|
21
|
+
strokeLinejoin="round"
|
22
|
+
strokeWidth={1.5}
|
23
|
+
d="M6.563 5.625H6.25c-.582 0-.874 0-1.103.095a1.25 1.25 0 0 0-.677.677c-.095.23-.095.52-.095 1.103 0 .582 0 .874.095 1.103a1.25 1.25 0 0 0 .677.677c.23.095.52.095 1.103.095h.313m4.062-3.75h-.312c-.583 0-.874 0-1.104.095a1.25 1.25 0 0 0-.676.677c-.095.23-.095.52-.095 1.103 0 .582 0 .874.095 1.103a1.25 1.25 0 0 0 .676.677c.23.095.521.095 1.104.095h.312"
|
24
|
+
/>
|
25
|
+
</svg>
|
26
|
+
);
|
27
|
+
export default SvgSubIcon;
|
@@ -1,15 +1,15 @@
|
|
1
|
-
import type { SVGProps } from "react";
|
2
|
-
const SvgVolumeHigh = (props: SVGProps<SVGSVGElement>) => (
|
3
|
-
<svg
|
4
|
-
xmlns="http://www.w3.org/2000/svg"
|
5
|
-
width="1em"
|
6
|
-
height="1em"
|
7
|
-
fill="#fff"
|
8
|
-
viewBox="0 0 512 512"
|
9
|
-
{...props}
|
10
|
-
>
|
11
|
-
<path d="M264 416.19a23.92 23.92 0 0 1-14.21-4.69l-.66-.51-91.46-75H88a24 24 0 0 1-24-24V200a24 24 0 0 1 24-24h69.65l91.46-75 .66-.51A24 24 0 0 1 288 119.83v272.34a24 24 0 0 1-24 24ZM352 336a16 16 0 0 1-14.29-23.18c9.49-18.9 14.3-38 14.3-56.82 0-19.36-4.66-37.92-14.25-56.73a16 16 0 0 1 28.5-14.54C378.2 208.16 384 231.47 384 256c0 23.83-6 47.78-17.7 71.18A16 16 0 0 1 352 336" />
|
12
|
-
<path d="M400 384a16 16 0 0 1-13.87-24C405 327.05 416 299.45 416 256c0-44.12-10.94-71.52-29.83-103.95A16 16 0 0 1 413.83 136C434.92 172.16 448 204.88 448 256c0 50.36-13.06 83.24-34.12 120a16 16 0 0 1-13.88 8" />
|
13
|
-
</svg>
|
14
|
-
);
|
15
|
-
export default SvgVolumeHigh;
|
1
|
+
import type { SVGProps } from "react";
|
2
|
+
const SvgVolumeHigh = (props: SVGProps<SVGSVGElement>) => (
|
3
|
+
<svg
|
4
|
+
xmlns="http://www.w3.org/2000/svg"
|
5
|
+
width="1em"
|
6
|
+
height="1em"
|
7
|
+
fill="#fff"
|
8
|
+
viewBox="0 0 512 512"
|
9
|
+
{...props}
|
10
|
+
>
|
11
|
+
<path d="M264 416.19a23.92 23.92 0 0 1-14.21-4.69l-.66-.51-91.46-75H88a24 24 0 0 1-24-24V200a24 24 0 0 1 24-24h69.65l91.46-75 .66-.51A24 24 0 0 1 288 119.83v272.34a24 24 0 0 1-24 24ZM352 336a16 16 0 0 1-14.29-23.18c9.49-18.9 14.3-38 14.3-56.82 0-19.36-4.66-37.92-14.25-56.73a16 16 0 0 1 28.5-14.54C378.2 208.16 384 231.47 384 256c0 23.83-6 47.78-17.7 71.18A16 16 0 0 1 352 336" />
|
12
|
+
<path d="M400 384a16 16 0 0 1-13.87-24C405 327.05 416 299.45 416 256c0-44.12-10.94-71.52-29.83-103.95A16 16 0 0 1 413.83 136C434.92 172.16 448 204.88 448 256c0 50.36-13.06 83.24-34.12 120a16 16 0 0 1-13.88 8" />
|
13
|
+
</svg>
|
14
|
+
);
|
15
|
+
export default SvgVolumeHigh;
|
@@ -1,14 +1,14 @@
|
|
1
|
-
import type { SVGProps } from "react";
|
2
|
-
const SvgVolumeLow = (props: SVGProps<SVGSVGElement>) => (
|
3
|
-
<svg
|
4
|
-
xmlns="http://www.w3.org/2000/svg"
|
5
|
-
width="1em"
|
6
|
-
height="1em"
|
7
|
-
fill="#fff"
|
8
|
-
viewBox="0 0 512 512"
|
9
|
-
{...props}
|
10
|
-
>
|
11
|
-
<path d="M296 416.19a23.92 23.92 0 0 1-14.21-4.69l-.66-.51-91.46-75H120a24 24 0 0 1-24-24V200a24 24 0 0 1 24-24h69.65l91.46-75 .66-.51A24 24 0 0 1 320 119.83v272.34a24 24 0 0 1-24 24ZM384 336a16 16 0 0 1-14.29-23.18c9.49-18.9 14.3-38 14.3-56.82 0-19.36-4.66-37.92-14.25-56.73a16 16 0 0 1 28.5-14.54C410.2 208.16 416 231.47 416 256c0 23.83-6 47.78-17.7 71.18A16 16 0 0 1 384 336" />
|
12
|
-
</svg>
|
13
|
-
);
|
14
|
-
export default SvgVolumeLow;
|
1
|
+
import type { SVGProps } from "react";
|
2
|
+
const SvgVolumeLow = (props: SVGProps<SVGSVGElement>) => (
|
3
|
+
<svg
|
4
|
+
xmlns="http://www.w3.org/2000/svg"
|
5
|
+
width="1em"
|
6
|
+
height="1em"
|
7
|
+
fill="#fff"
|
8
|
+
viewBox="0 0 512 512"
|
9
|
+
{...props}
|
10
|
+
>
|
11
|
+
<path d="M296 416.19a23.92 23.92 0 0 1-14.21-4.69l-.66-.51-91.46-75H120a24 24 0 0 1-24-24V200a24 24 0 0 1 24-24h69.65l91.46-75 .66-.51A24 24 0 0 1 320 119.83v272.34a24 24 0 0 1-24 24ZM384 336a16 16 0 0 1-14.29-23.18c9.49-18.9 14.3-38 14.3-56.82 0-19.36-4.66-37.92-14.25-56.73a16 16 0 0 1 28.5-14.54C410.2 208.16 416 231.47 416 256c0 23.83-6 47.78-17.7 71.18A16 16 0 0 1 384 336" />
|
12
|
+
</svg>
|
13
|
+
);
|
14
|
+
export default SvgVolumeLow;
|
@@ -1,25 +1,25 @@
|
|
1
|
-
import type { SVGProps } from "react";
|
2
|
-
const SvgVolumeMute = (props: SVGProps<SVGSVGElement>) => (
|
3
|
-
<svg
|
4
|
-
xmlns="http://www.w3.org/2000/svg"
|
5
|
-
width="1em"
|
6
|
-
height="1em"
|
7
|
-
fill="#fff"
|
8
|
-
viewBox="0 0 512 512"
|
9
|
-
{...props}
|
10
|
-
>
|
11
|
-
<path
|
12
|
-
d="M416 432 64 80"
|
13
|
-
style={{
|
14
|
-
fill: "none",
|
15
|
-
stroke: "#fff",
|
16
|
-
strokeLinecap: "round",
|
17
|
-
strokeMiterlimit: 10,
|
18
|
-
strokeWidth: 32,
|
19
|
-
}}
|
20
|
-
/>
|
21
|
-
<path d="M243.33 98.86a23.89 23.89 0 0 0-25.55 1.82l-.66.51-28.52 23.35a8 8 0 0 0-.59 11.85l54.33 54.33a8 8 0 0 0 13.66-5.66v-64.49a24.51 24.51 0 0 0-12.67-21.71M251.33 335.29 96.69 180.69A16 16 0 0 0 85.38 176H56a24 24 0 0 0-24 24v112a24 24 0 0 0 24 24h69.76l92 75.31a23.9 23.9 0 0 0 25.87 1.69A24.51 24.51 0 0 0 256 391.45v-44.86a16 16 0 0 0-4.67-11.3M352 256c0-24.56-5.81-47.87-17.75-71.27a16 16 0 1 0-28.5 14.55C315.34 218.06 320 236.62 320 256q0 4-.31 8.13a8 8 0 0 0 2.32 6.25l14.36 14.36a8 8 0 0 0 13.55-4.31A146 146 0 0 0 352 256M416 256c0-51.18-13.08-83.89-34.18-120.06a16 16 0 0 0-27.64 16.12C373.07 184.44 384 211.83 384 256c0 23.83-3.29 42.88-9.37 60.65a8 8 0 0 0 1.9 8.26L389 337.4a8 8 0 0 0 13.13-2.79C411 311.76 416 287.26 416 256" />
|
22
|
-
<path d="M480 256c0-74.25-20.19-121.11-50.51-168.61a16 16 0 1 0-27 17.22C429.82 147.38 448 189.5 448 256c0 46.19-8.43 80.27-22.43 110.53a8 8 0 0 0 1.59 9l11.92 11.92a8 8 0 0 0 12.92-2.16C471.6 344.9 480 305 480 256" />
|
23
|
-
</svg>
|
24
|
-
);
|
25
|
-
export default SvgVolumeMute;
|
1
|
+
import type { SVGProps } from "react";
|
2
|
+
const SvgVolumeMute = (props: SVGProps<SVGSVGElement>) => (
|
3
|
+
<svg
|
4
|
+
xmlns="http://www.w3.org/2000/svg"
|
5
|
+
width="1em"
|
6
|
+
height="1em"
|
7
|
+
fill="#fff"
|
8
|
+
viewBox="0 0 512 512"
|
9
|
+
{...props}
|
10
|
+
>
|
11
|
+
<path
|
12
|
+
d="M416 432 64 80"
|
13
|
+
style={{
|
14
|
+
fill: "none",
|
15
|
+
stroke: "#fff",
|
16
|
+
strokeLinecap: "round",
|
17
|
+
strokeMiterlimit: 10,
|
18
|
+
strokeWidth: 32,
|
19
|
+
}}
|
20
|
+
/>
|
21
|
+
<path d="M243.33 98.86a23.89 23.89 0 0 0-25.55 1.82l-.66.51-28.52 23.35a8 8 0 0 0-.59 11.85l54.33 54.33a8 8 0 0 0 13.66-5.66v-64.49a24.51 24.51 0 0 0-12.67-21.71M251.33 335.29 96.69 180.69A16 16 0 0 0 85.38 176H56a24 24 0 0 0-24 24v112a24 24 0 0 0 24 24h69.76l92 75.31a23.9 23.9 0 0 0 25.87 1.69A24.51 24.51 0 0 0 256 391.45v-44.86a16 16 0 0 0-4.67-11.3M352 256c0-24.56-5.81-47.87-17.75-71.27a16 16 0 1 0-28.5 14.55C315.34 218.06 320 236.62 320 256q0 4-.31 8.13a8 8 0 0 0 2.32 6.25l14.36 14.36a8 8 0 0 0 13.55-4.31A146 146 0 0 0 352 256M416 256c0-51.18-13.08-83.89-34.18-120.06a16 16 0 0 0-27.64 16.12C373.07 184.44 384 211.83 384 256c0 23.83-3.29 42.88-9.37 60.65a8 8 0 0 0 1.9 8.26L389 337.4a8 8 0 0 0 13.13-2.79C411 311.76 416 287.26 416 256" />
|
22
|
+
<path d="M480 256c0-74.25-20.19-121.11-50.51-168.61a16 16 0 1 0-27 17.22C429.82 147.38 448 189.5 448 256c0 46.19-8.43 80.27-22.43 110.53a8 8 0 0 0 1.59 9l11.92 11.92a8 8 0 0 0 12.92-2.16C471.6 344.9 480 305 480 256" />
|
23
|
+
</svg>
|
24
|
+
);
|
25
|
+
export default SvgVolumeMute;
|
@@ -1,14 +1,14 @@
|
|
1
|
-
import type { SVGProps } from "react";
|
2
|
-
const SvgVolumeVLow = (props: SVGProps<SVGSVGElement>) => (
|
3
|
-
<svg
|
4
|
-
xmlns="http://www.w3.org/2000/svg"
|
5
|
-
width="1em"
|
6
|
-
height="1em"
|
7
|
-
fill="#fff"
|
8
|
-
viewBox="0 0 512 512"
|
9
|
-
{...props}
|
10
|
-
>
|
11
|
-
<path d="M344 416a23.92 23.92 0 0 1-14.21-4.69c-.23-.16-.44-.33-.66-.51l-91.46-74.9H168a24 24 0 0 1-24-24V200.07a24 24 0 0 1 24-24h69.65l91.46-74.9c.22-.18.43-.35.66-.51A24 24 0 0 1 368 120v272a24 24 0 0 1-24 24" />
|
12
|
-
</svg>
|
13
|
-
);
|
14
|
-
export default SvgVolumeVLow;
|
1
|
+
import type { SVGProps } from "react";
|
2
|
+
const SvgVolumeVLow = (props: SVGProps<SVGSVGElement>) => (
|
3
|
+
<svg
|
4
|
+
xmlns="http://www.w3.org/2000/svg"
|
5
|
+
width="1em"
|
6
|
+
height="1em"
|
7
|
+
fill="#fff"
|
8
|
+
viewBox="0 0 512 512"
|
9
|
+
{...props}
|
10
|
+
>
|
11
|
+
<path d="M344 416a23.92 23.92 0 0 1-14.21-4.69c-.23-.16-.44-.33-.66-.51l-91.46-74.9H168a24 24 0 0 1-24-24V200.07a24 24 0 0 1 24-24h69.65l91.46-74.9c.22-.18.43-.35.66-.51A24 24 0 0 1 368 120v272a24 24 0 0 1-24 24" />
|
12
|
+
</svg>
|
13
|
+
);
|
14
|
+
export default SvgVolumeVLow;
|
@@ -1,20 +1,20 @@
|
|
1
|
-
export { default as BackwardIcon } from "./BackwardIcon";
|
2
|
-
export { default as CheckedIcon } from "./CheckedIcon";
|
3
|
-
export { default as ClosedNoteIcon } from "./ClosedNoteIcon";
|
4
|
-
export { default as ForwardIcon } from "./ForwardIcon";
|
5
|
-
export { default as FullScreenIcon } from "./FullScreenIcon";
|
6
|
-
export { default as LeftArrowIcon } from "./LeftArrowIcon";
|
7
|
-
export { default as MuteIcon } from "./MuteIcon";
|
8
|
-
export { default as NoteIcon } from "./NoteIcon";
|
9
|
-
export { default as OpenNoteIcon } from "./OpenNoteIcon";
|
10
|
-
export { default as PauseIcon } from "./PauseIcon";
|
11
|
-
export { default as PlayIcon } from "./PlayIcon";
|
12
|
-
export { default as SettingsIcon } from "./SettingsIcon";
|
13
|
-
export { default as SkillamiIcon } from "./SkillamiIcon";
|
14
|
-
export { default as SubIcon } from "./SubIcon";
|
15
|
-
export { default as SubtitlesIcon } from "./SubtitlesIcon";
|
16
|
-
export { default as UnmuteIcon } from "./UnmuteIcon";
|
17
|
-
export { default as VolumeHigh } from "./VolumeHigh";
|
18
|
-
export { default as VolumeLow } from "./VolumeLow";
|
19
|
-
export { default as VolumeMute } from "./VolumeMute";
|
20
|
-
export { default as VolumeVLow } from "./VolumeVLow";
|
1
|
+
export { default as BackwardIcon } from "./BackwardIcon";
|
2
|
+
export { default as CheckedIcon } from "./CheckedIcon";
|
3
|
+
export { default as ClosedNoteIcon } from "./ClosedNoteIcon";
|
4
|
+
export { default as ForwardIcon } from "./ForwardIcon";
|
5
|
+
export { default as FullScreenIcon } from "./FullScreenIcon";
|
6
|
+
export { default as LeftArrowIcon } from "./LeftArrowIcon";
|
7
|
+
export { default as MuteIcon } from "./MuteIcon";
|
8
|
+
export { default as NoteIcon } from "./NoteIcon";
|
9
|
+
export { default as OpenNoteIcon } from "./OpenNoteIcon";
|
10
|
+
export { default as PauseIcon } from "./PauseIcon";
|
11
|
+
export { default as PlayIcon } from "./PlayIcon";
|
12
|
+
export { default as SettingsIcon } from "./SettingsIcon";
|
13
|
+
export { default as SkillamiIcon } from "./SkillamiIcon";
|
14
|
+
export { default as SubIcon } from "./SubIcon";
|
15
|
+
export { default as SubtitlesIcon } from "./SubtitlesIcon";
|
16
|
+
export { default as UnmuteIcon } from "./UnmuteIcon";
|
17
|
+
export { default as VolumeHigh } from "./VolumeHigh";
|
18
|
+
export { default as VolumeLow } from "./VolumeLow";
|
19
|
+
export { default as VolumeMute } from "./VolumeMute";
|
20
|
+
export { default as VolumeVLow } from "./VolumeVLow";
|
package/dist/index.css
CHANGED
@@ -104,7 +104,8 @@ video {
|
|
104
104
|
-webkit-user-select: auto;
|
105
105
|
touch-action: manipulation;
|
106
106
|
}
|
107
|
-
.vjs_video_1338-dimensions.vjs-fluid:not(.vjs-audio-only-mode)
|
107
|
+
.vjs_video_1338-dimensions.vjs-fluid:not(.vjs-audio-only-mode),
|
108
|
+
.vjs_video_35027-dimensions.vjs-fluid {
|
108
109
|
padding-top: 0 !important;
|
109
110
|
}
|
110
111
|
|