softbuilders-react-video-player 1.2.0 → 1.2.3
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/components/ChapterTooltip/index.js.map +1 -1
- package/dist/components/ChapterTooltip/index.tsx +1 -1
- package/dist/components/ControlBar/index.js +1 -1
- package/dist/components/ControlBar/index.js.map +1 -1
- package/dist/components/ControlBar/index.tsx +1 -1
- package/dist/components/Slider/index.d.ts +2 -1
- package/dist/components/Slider/index.js +3 -2
- package/dist/components/Slider/index.js.map +1 -1
- package/dist/components/Slider/index.tsx +36 -33
- package/dist/components/SoftBuildersVideoPlayer/index.js +5 -2
- package/dist/components/SoftBuildersVideoPlayer/index.js.map +1 -1
- package/dist/components/SoftBuildersVideoPlayer/index.tsx +6 -3
- package/dist/components/TimeSlider/index.js +12 -2
- package/dist/components/TimeSlider/index.js.map +1 -1
- package/dist/components/TimeSlider/index.tsx +92 -80
- package/dist/components/VideoPlayerComponent/index.js +47 -27
- package/dist/components/VideoPlayerComponent/index.js.map +1 -1
- package/dist/components/VideoPlayerComponent/index.tsx +51 -26
- package/dist/index.mjs +68 -30
- package/package.json +2 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ChapterTooltip/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,OAAO,MAAM,YAAY,CAAC;AACjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C,OAAO,EAAE,iCAAiC,EAAE,MAAM,kCAAkC,CAAC;AAQrF,MAAM,cAAc,GAAG,CAAC,EAAE,OAAO,EAAS,EAAE,EAAE;IAC5C,MAAM,EAAE,MAAM,EAAE,GAAG,iCAAiC,EAAE,CAAC;IAEvD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,EAAE,WAAW,EAAE,GAAG,iCAAiC,EAAE,CAAC;IAE5D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,WAAW,KAAK,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,CAAC;YAClD,OAAO,CAAC,IAAI,CAAC,CAAC;YAEd,UAAU,CAAC,GAAG,EAAE;gBACd,OAAO,CAAC,KAAK,CAAC,CAAC;YACjB,CAAC,EAAE,IAAI,CAAC,CAAC;QACX,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC;IAErC,MAAM,kBAAkB,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ChapterTooltip/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,OAAO,MAAM,YAAY,CAAC;AACjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C,OAAO,EAAE,iCAAiC,EAAE,MAAM,kCAAkC,CAAC;AAQrF,MAAM,cAAc,GAAG,CAAC,EAAE,OAAO,EAAS,EAAE,EAAE;IAC5C,MAAM,EAAE,MAAM,EAAE,GAAG,iCAAiC,EAAE,CAAC;IAEvD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,EAAE,WAAW,EAAE,GAAG,iCAAiC,EAAE,CAAC;IAE5D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,WAAW,KAAK,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,CAAC;YAClD,OAAO,CAAC,IAAI,CAAC,CAAC;YAEd,UAAU,CAAC,GAAG,EAAE;gBACd,OAAO,CAAC,KAAK,CAAC,CAAC;YACjB,CAAC,EAAE,IAAI,CAAC,CAAC;QACX,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC;IAErC,MAAM,kBAAkB,GAAG,CAAC,CAAM,EAAE,EAAE;QACpC,CAAC,CAAC,eAAe,EAAE,CAAC;QAEpB,MAAM,cAAc,GAAG,CAAC,CAAC,aAAa,CAAC;QACvC,MAAM,aAAa,GACjB,CAAC,CAAC,OAAO,GAAG,cAAc,CAAC,qBAAqB,EAAE,CAAC,IAAI,CAAC;QAC1D,MAAM,YAAY,GAAG,cAAc,CAAC,WAAW,CAAC;QAEhD,0EAA0E;QAC1E,MAAM,eAAe,GAAG,aAAa,GAAG,YAAY,CAAC;QAErD,oDAAoD;QACpD,MAAM,WAAW,GACf,OAAO,CAAC,SAAS;YACjB,eAAe,GAAG,CAAC,OAAO,CAAC,OAAO,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;QAE1D,oDAAoD;QACpD,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,OAAO,CACL,cACE,EAAE,EAAE,cAAc,OAAO,CAAC,KAAK,EAAE,EACjC,SAAS,EAAC,iEAAiE,EAC3E,KAAK,EAAE;YACL,IAAI,EAAE,GAAG,OAAO,CAAC,eAAe,GAAG;YACnC,KAAK,EAAE,GAAG,OAAO,CAAC,aAAa,GAAG,OAAO,CAAC,eAAe,GAAG;SAC7D,EACD,YAAY,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EACjC,YAAY,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,YAElC,iBACE,EAAE,EAAE,WAAW,OAAO,CAAC,KAAK,EAAE,EAC9B,SAAS,EAAC,qBAAqB,EAC/B,OAAO,EAAE,kBAAkB,YAE3B,cAAK,SAAS,EAAC,4EAA4E,YACzF,KAAC,OAAO,IAAC,IAAI,EAAE,IAAI,YACjB,eAAK,SAAS,EAAC,8CAA8C,aAC3D,sBAAI,OAAO,CAAC,KAAK,GAAK,EACtB,aAAG,SAAS,EAAC,uDAAuD,aACjE,gBAAgB,CAAC,OAAO,CAAC,SAAS,CAAC,QAAI,GAAG,EAC1C,gBAAgB,CAAC,OAAO,CAAC,OAAO,CAAC,IAChC,IACA,GACE,GACN,GACC,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -73,7 +73,7 @@ const ControlBar = ({ player, isPaused, setIsPaused, duration, notes, chapters,
|
|
|
73
73
|
time: Number((player === null || player === void 0 ? void 0 : player.currentTime()) || 0),
|
|
74
74
|
isOpen: e,
|
|
75
75
|
});
|
|
76
|
-
player.pause();
|
|
76
|
+
player === null || player === void 0 ? void 0 : player.pause();
|
|
77
77
|
} }) })), _jsx(TooltipModal, { width: width, content: _jsx("p", { children: "Subtitle" }), children: _jsx(SubtitleMenu, { width: width, onClick: (e, isOpen) => {
|
|
78
78
|
setVolumeToggler(!volumeSliderToggler);
|
|
79
79
|
setIsSubtitleMenuOpen && setIsSubtitleMenuOpen(isOpen);
|
|
@@ -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":";AAAA,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,gBAAgB,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,WAAW,MAAM,gBAAgB,CAAC;AACzC,OAAO,cAAc,MAAM,mBAAmB,CAAC;AAC/C,OAAO,mBAAmB,MAAM,wBAAwB,CAAC;AACzD,OAAO,aAAa,MAAM,kBAAkB,CAAC;AAC7C,OAAO,kBAAkB,MAAM,uBAAuB,CAAC;AAKvD,OAAO,EAAE,iCAAiC,EAAE,MAAM,kCAAkC,CAAC;AACrF,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EACL,YAAY,EACZ,WAAW,EACX,cAAc,EACd,SAAS,EACT,QAAQ,GACT,MAAM,cAAc,CAAC;AACtB,OAAO,YAAY,MAAM,0BAA0B,CAAC;AAoBpD,MAAM,UAAU,GAAG,CAAK,EACtB,MAAM,EACN,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,QAAQ,GAAG,CAAC,EACZ,EAAE,EACF,oBAAoB,EACpB,yBAAyB,EACzB,oBAAoB,EACpB,qBAAqB,EACrB,WAAW,EACX,WAAW,EACX,eAAe,GACN,EAAE,EAAE;IACb,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,iCAAiC,EAAE,CAAC;IACvE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC,CAAC;IAC9C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACjD,MAAM,IAAI,GAAG,CAAC,QAAgB,EAAE,EAAE;QAChC,MAAM,WAAW,GAAG,MAAM,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,WAAW,EAAE,KAAI,CAAC,CAAC,CAAC;QACvD,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,WAAW,CAAC,WAAW,GAAG,QAAQ,CAAC,CAAC;IAC9C,CAAC,CAAC;IACF,MAAM,CAAC,mBAAmB,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChE,MAAM,SAAS,GAAG,QAAQ,CAAC,cAAc,CAAC,mBAAmB,EAAE,EAAE,CAAC,CAAC;IAEnE,SAAS,iBAAiB,CAAC,KAAU;QACnC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClB,CAAC;IAED,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,CAAC,OAAO,EAAE,EAAE;QACpD,KAAK,IAAI,KAAK,IAAI,OAAO,EAAE,CAAC;YAC1B,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC;YAC7C,iBAAiB,CAAC,YAAY,CAAC,CAAC,CAAC,qCAAqC;QACxE,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,8BAA8B;IAC9B,SAAS,IAAI,cAAc,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;IAE/C,MAAM,UAAU,GAAG,CAAC,CAAM,EAAE,EAAE;QAC5B,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QAEpB,IAAI,QAAQ;YAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,EAAE,CAAC;;YACxB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,EAAE,CAAC;QAErB,WAAW,CAAC,CAAC,QAAQ,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,CAAC,MAAM,CAAC,CAAC;IACpB,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,CAAC,QAAQ,CAAC,CAAC;IACxB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,eACE,SAAS,EAAE,6EACT,KAAK,GAAG,GAAG;YACT,CAAC,CAAC,uDAAuD;YACzD,CAAC,CAAC,gBACN,UAAU,aAGV,KAAC,aAAa,KAAG,EAEjB,KAAC,kBAAkB,KAAG,EAEtB,iBACE,OAAO,EAAE,GAAG,EAAE;oBACZ,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC;gBAClB,CAAC,YAED,KAAC,YAAY,IACX,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,yCAAqB,EAC9B,MAAM,EAAE,IAAI,YAEZ,KAAC,YAAY,IAAC,SAAS,EAAC,eAAe,GAAG,GAC7B,GACR,EAET,iBAAQ,OAAO,EAAE,UAAU,YACzB,KAAC,YAAY,IACX,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,sBAAI,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,GAAK,EAC7C,MAAM,EAAE,IAAI,YAEX,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,QAAQ,IAAC,SAAS,EAAC,eAAe,GAAG,CACvC,CAAC,CAAC,CAAC,CACF,KAAC,SAAS,IAAC,SAAS,EAAC,eAAe,GAAG,CACxC,GACY,GACR,EAET,iBACE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACb,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,IAAI,CAAC,QAAQ,CAAC,CAAC;gBACjB,CAAC,YAED,KAAC,YAAY,IACX,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,wCAAoB,EAC7B,MAAM,EAAE,IAAI,YAEZ,KAAC,WAAW,IAAC,SAAS,EAAC,eAAe,GAAG,GAC5B,GACR;YAGP,eAAe;YACf,iBAAiB;YACjB,cACE,SAAS,EAAE,GACT,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,WAC9C,EAAE,YAEF,eACE,KAAK,EACH,KAAK,GAAG,GAAG;wBACT,CAAC,CAAC;4BACE,KAAK,EAAE,GAAG,KAAK,GAAG,GAAG,IAAI;4BACzB,IAAI,EAAE,IAAI;4BACV,GAAG,EAAE,KAAK;yBACX;wBACH,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAEtB,SAAS,EAAE,cACT,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,6BACtC,oBAAoB,aAGpB,KAAC,gBAAgB,KAAG,EAEpB,KAAC,mBAAmB,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,GAAI,EACzD,sBAAI,gBAAgB,CAAC,QAAQ,CAAC,GAAK,IAC/B,GACF,EAGR,cAAK,SAAS,EAAC,WAAW,YACxB,KAAC,YAAY,IACX,mBAAmB,EAAE,mBAAmB,EACxC,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC,EACxC,yBAAyB,EAAE,yBAAyB,GACpD,GACE,EACN,KAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,kCAAc,YACjD,KAAC,WAAW,IACV,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,CAAC,CAAM,EAAE,MAAe,EAAE,EAAE;wBACnC,gBAAgB,CAAC,CAAC,mBAAmB,CAAC,CAAC;wBACvC,oBAAoB,IAAI,oBAAoB,CAAC,MAAM,CAAC,CAAC;oBACvD,CAAC,GACD,GACW,EAGd,WAAW,IAAI,CACd,KAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,sCAAkB,YACrD,KAAC,cAAc,IACb,oBAAoB,EAAE,oBAAoB,EAC1C,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,CAAC,CAAC,EAAE,EAAE;wBACrB,eAAe;4BACb,eAAe,CAAC;gCACd,IAAI,EAAE,MAAM,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,WAAW,EAAE,KAAI,CAAC,CAAC;gCACxC,MAAM,EAAE,CAAC;6BACV,CAAC,CAAC;wBACL,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,EAAE,CAAC;oBAClB,CAAC,GACD,GACW,CAChB,EACD,KAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,mCAAe,YAClD,KAAC,YAAY,IACX,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,CAAC,CAAM,EAAE,MAAe,EAAE,EAAE;wBACnC,gBAAgB,CAAC,CAAC,mBAAmB,CAAC,CAAC;wBACvC,qBAAqB,IAAI,qBAAqB,CAAC,MAAM,CAAC,CAAC;oBACzD,CAAC,GACD,GACW,EACf,KAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,sCAAkB,YACrD,iBACE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;wBACb,CAAC,CAAC,cAAc,EAAE,CAAC;wBACnB,CAAC,CAAC,eAAe,EAAE,CAAC;wBAEpB,IAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,YAAY,EAAE,EAAE,CAAC;4BAC3B,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,cAAc,EAAE,CAAC;wBAC3B,CAAC;6BAAM,CAAC;4BACN,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,iBAAiB,EAAE,CAAC;wBAC9B,CAAC;oBACH,CAAC,YAED,KAAC,cAAc,IAAC,SAAS,EAAC,eAAe,GAAG,GACrC,GACI,IACX,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -3,8 +3,9 @@ import "./style.css";
|
|
|
3
3
|
type Props = {
|
|
4
4
|
value: number;
|
|
5
5
|
handleValueChange: React.ChangeEventHandler<HTMLInputElement>;
|
|
6
|
+
handleSliderClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
|
|
6
7
|
min?: number;
|
|
7
8
|
max?: number;
|
|
8
9
|
} & InputHTMLAttributes<HTMLInputElement>;
|
|
9
|
-
declare const Slider: ({ value, handleValueChange, min, max, className, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
declare const Slider: ({ value, handleValueChange, min, max, className, handleSliderClick, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
10
11
|
export default Slider;
|
|
@@ -12,9 +12,10 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
12
12
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
13
|
import "./style.css";
|
|
14
14
|
const Slider = (_a) => {
|
|
15
|
-
var { value, handleValueChange, min = 0, max = 100, className } = _a, rest = __rest(_a, ["value", "handleValueChange", "min", "max", "className"]);
|
|
16
|
-
return (_jsx("input", Object.assign({ type:
|
|
15
|
+
var { value, handleValueChange, min = 0, max = 100, className, handleSliderClick = () => { } } = _a, rest = __rest(_a, ["value", "handleValueChange", "min", "max", "className", "handleSliderClick"]);
|
|
16
|
+
return (_jsx("input", Object.assign({ type: 'range', min: min, onMouseDown: (e) => e.stopPropagation(), onClick: (e) => {
|
|
17
17
|
e.stopPropagation();
|
|
18
|
+
handleSliderClick(e);
|
|
18
19
|
}, onMouseUp: (e) => e.stopPropagation(), max: max, value: value, onChange: (e) => {
|
|
19
20
|
e.preventDefault();
|
|
20
21
|
e.stopPropagation();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Slider/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Slider/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,aAAa,CAAC;AAUrB,MAAM,MAAM,GAAG,CAAC,EAQR,EAAE,EAAE;QARI,EACf,KAAK,EACL,iBAAiB,EACjB,GAAG,GAAG,CAAC,EACP,GAAG,GAAG,GAAG,EACT,SAAS,EACT,iBAAiB,GAAG,GAAG,EAAE,GAAE,CAAC,OAErB,EADJ,IAAI,cAPQ,8EAQf,CADO;IAEP,OAAO,CACN,8BACC,IAAI,EAAC,OAAO,EACZ,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EACvC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACd,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,iBAAiB,CAAC,CAAC,CAAC,CAAC;QACtB,CAAC,EACD,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EACrC,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;YACf,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,iBAAiB,CAAC,CAAC,CAAC,CAAC;QACtB,CAAC,EACD,SAAS,EAAE;UACJ,SAAS,EAAE,EAClB,KAAK,EAAE;YACN,UAAU,EAAE,qCAAqC,KAAK,gBAAgB,KAAK,IAAI;SAC/E,IACG,IAAI,EACP,CACF,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -2,44 +2,47 @@ import React, { InputHTMLAttributes, SetStateAction, useState } from "react";
|
|
|
2
2
|
import "./style.css";
|
|
3
3
|
|
|
4
4
|
type Props = {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
5
|
+
value: number;
|
|
6
|
+
handleValueChange: React.ChangeEventHandler<HTMLInputElement>;
|
|
7
|
+
handleSliderClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
|
|
8
|
+
min?: number;
|
|
9
|
+
max?: number;
|
|
9
10
|
} & InputHTMLAttributes<HTMLInputElement>;
|
|
10
11
|
|
|
11
12
|
const Slider = ({
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
13
|
+
value,
|
|
14
|
+
handleValueChange,
|
|
15
|
+
min = 0,
|
|
16
|
+
max = 100,
|
|
17
|
+
className,
|
|
18
|
+
handleSliderClick = () => {},
|
|
19
|
+
...rest
|
|
18
20
|
}: Props) => {
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
21
|
+
return (
|
|
22
|
+
<input
|
|
23
|
+
type='range'
|
|
24
|
+
min={min}
|
|
25
|
+
onMouseDown={(e) => e.stopPropagation()}
|
|
26
|
+
onClick={(e) => {
|
|
27
|
+
e.stopPropagation();
|
|
28
|
+
handleSliderClick(e);
|
|
29
|
+
}}
|
|
30
|
+
onMouseUp={(e) => e.stopPropagation()}
|
|
31
|
+
max={max}
|
|
32
|
+
value={value}
|
|
33
|
+
onChange={(e) => {
|
|
34
|
+
e.preventDefault();
|
|
35
|
+
e.stopPropagation();
|
|
36
|
+
handleValueChange(e);
|
|
37
|
+
}}
|
|
38
|
+
className={`sb-w-full sb-h-2 sb-bg-transparent sb-bg-opacity-50 sb-rounded-lg sb-appearance-none sb-cursor-pointer sb-range-slider sb-slider-thumb
|
|
36
39
|
${className}`}
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
40
|
+
style={{
|
|
41
|
+
background: `linear-gradient(to right, #f97316 ${value}%, #30303070 ${value}%)`,
|
|
42
|
+
}}
|
|
43
|
+
{...rest}
|
|
44
|
+
/>
|
|
45
|
+
);
|
|
43
46
|
};
|
|
44
47
|
|
|
45
48
|
export default Slider;
|
|
@@ -2,6 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { forwardRef, memo, useCallback, useEffect, useMemo, useState, } from "react";
|
|
3
3
|
import VideoPlayerComponent from "../VideoPlayerComponent";
|
|
4
4
|
import { convertSRTtoVTT } from "../../utils";
|
|
5
|
+
import { isEqual } from "lodash";
|
|
5
6
|
const DEFAULT_OPTIONS = {
|
|
6
7
|
autoplay: false,
|
|
7
8
|
controls: true,
|
|
@@ -72,8 +73,10 @@ const Component = forwardRef(({ options, notes, chapters, startTime = 0, handleS
|
|
|
72
73
|
return (_jsx(VideoPlayerComponent, { id: id, chapters: chapters, options: Object.assign(Object.assign({}, mergedOptions), { tracks }), notes: notes, poster: "", startTime: startTime, handleSaveNoteAction: handleSaveNoteAction, disableNote: disableNote, onPause: onPause, onPlay: onPlay, childRef: childRef, bottomRedBar: bottomRedBar, noteButtonClick: noteButtonClick }));
|
|
73
74
|
});
|
|
74
75
|
const SoftBuildersVideoPlayer = memo(Component, (prevProps, nextProps) => {
|
|
75
|
-
|
|
76
|
-
|
|
76
|
+
console.log(isEqual(prevProps.options, nextProps.options, "oooop"));
|
|
77
|
+
console.log(nextProps.notes, prevProps.notes, "oooop");
|
|
78
|
+
return (isEqual(prevProps.options, nextProps.options) &&
|
|
79
|
+
prevProps.notes === nextProps.notes &&
|
|
77
80
|
prevProps.chapters === nextProps.chapters &&
|
|
78
81
|
prevProps.startTime === nextProps.startTime);
|
|
79
82
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SoftBuildersVideoPlayer/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EACZ,UAAU,EACV,IAAI,EACJ,WAAW,EACX,SAAS,EACT,OAAO,EACP,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,oBAAoB,MAAM,yBAAyB,CAAC;AAO3D,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SoftBuildersVideoPlayer/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -14,7 +14,7 @@ import {
|
|
|
14
14
|
SoftBuildersVideoPlayerTrack,
|
|
15
15
|
} from "../../types";
|
|
16
16
|
import { convertSRTtoVTT } from "../../utils";
|
|
17
|
-
|
|
17
|
+
import { isEqual } from "lodash";
|
|
18
18
|
const DEFAULT_OPTIONS: SoftBuildersVideoPlayerOptions = {
|
|
19
19
|
autoplay: false,
|
|
20
20
|
controls: true,
|
|
@@ -158,9 +158,12 @@ const Component = forwardRef<HTMLDivElement, Props<any>>(
|
|
|
158
158
|
);
|
|
159
159
|
|
|
160
160
|
const SoftBuildersVideoPlayer = memo(Component, (prevProps, nextProps) => {
|
|
161
|
+
console.log(isEqual(prevProps.options, nextProps.options, "oooop"));
|
|
162
|
+
console.log(nextProps.notes, prevProps.notes, "oooop");
|
|
163
|
+
|
|
161
164
|
return (
|
|
162
|
-
prevProps.options
|
|
163
|
-
|
|
165
|
+
isEqual(prevProps.options, nextProps.options) &&
|
|
166
|
+
prevProps.notes === nextProps.notes &&
|
|
164
167
|
prevProps.chapters === nextProps.chapters &&
|
|
165
168
|
prevProps.startTime === nextProps.startTime
|
|
166
169
|
);
|
|
@@ -16,6 +16,16 @@ const TimeSlider = ({ chapters }) => {
|
|
|
16
16
|
console.log("time: ", time);
|
|
17
17
|
player === null || player === void 0 ? void 0 : player.currentTime(time);
|
|
18
18
|
};
|
|
19
|
+
const handleSliderClick = (e) => {
|
|
20
|
+
const slider = e.currentTarget; // Get the slider element
|
|
21
|
+
const rect = slider.getBoundingClientRect(); // Get the bounding rect of the slider
|
|
22
|
+
const offsetX = e.clientX - rect.left; // Get the click position relative to the slider
|
|
23
|
+
const newTimeSlider = (offsetX / rect.width) * DEFERENCE; // Calculate the new slider value
|
|
24
|
+
// Update the time using the same function
|
|
25
|
+
const time = (newTimeSlider * duration) / DEFERENCE;
|
|
26
|
+
player === null || player === void 0 ? void 0 : player.currentTime(time);
|
|
27
|
+
setTimeSlider(newTimeSlider); // Update the state to reflect the change
|
|
28
|
+
};
|
|
19
29
|
useEffect(() => {
|
|
20
30
|
const intervalId = setInterval(() => {
|
|
21
31
|
const currentTime = (player === null || player === void 0 ? void 0 : player.currentTime()) || 0;
|
|
@@ -43,9 +53,9 @@ const TimeSlider = ({ chapters }) => {
|
|
|
43
53
|
arr.push(`black 100%`);
|
|
44
54
|
setMaskCuttes(arr.toString());
|
|
45
55
|
}, [chapters, duration]);
|
|
46
|
-
return (_jsxs("div", { className:
|
|
56
|
+
return (_jsxs("div", { className: ' sb-w-full sb-h-2 sb-flex sb-items-center sb-justify-center', children: [_jsx("div", { className: 'sb-absolute sb-top-0 sb-left-0 sb-w-full sb-z-10', children: _jsx(Slider, { value: timeSlider, handleValueChange: handleValueChange, handleSliderClick: handleSliderClick, min: MIN, max: MAX, style: {
|
|
47
57
|
background: "transparent",
|
|
48
|
-
} }) }), _jsx("div", { className:
|
|
58
|
+
} }) }), _jsx("div", { className: 'sb-absolute sb-top-0 sb-left-0 sb-w-full sb-h-2 sb-bg-slate-400 sb-rounded-md', style: {
|
|
49
59
|
background: `
|
|
50
60
|
linear-gradient(to right,
|
|
51
61
|
#f97316 0%,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/TimeSlider/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,iCAAiC,EAAE,MAAM,kCAAkC,CAAC;AAIrF,MAAM,GAAG,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/TimeSlider/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,86 +5,99 @@ import { SoftBuildersVideoPlayerChapter } from "../../types";
|
|
|
5
5
|
import log from "video.js/dist/types/utils/log";
|
|
6
6
|
|
|
7
7
|
const MIN = 0,
|
|
8
|
-
|
|
8
|
+
MAX = 100;
|
|
9
9
|
const DEFERENCE = Math.abs(MAX - MIN);
|
|
10
10
|
const BAR_PERCENTAGE_WIDTH = 0.5;
|
|
11
11
|
|
|
12
12
|
type Props = {
|
|
13
|
-
|
|
13
|
+
chapters?: SoftBuildersVideoPlayerChapter[];
|
|
14
14
|
};
|
|
15
15
|
|
|
16
16
|
const TimeSlider = ({ chapters }: Props) => {
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
17
|
+
const [timeSlider, setTimeSlider] = useState(0);
|
|
18
|
+
|
|
19
|
+
const { player, duration, downloadedBufferPercentage } =
|
|
20
|
+
useSoftBuildersVideoPlayerContext();
|
|
21
|
+
|
|
22
|
+
const handleValueChange = (e: React.ChangeEvent<HTMLInputElement>) => {
|
|
23
|
+
const newTimeSlider = Number(e.target.value);
|
|
24
|
+
setTimeSlider(newTimeSlider);
|
|
25
|
+
console.log("newTimeSlider: ", newTimeSlider);
|
|
26
|
+
|
|
27
|
+
const time = (newTimeSlider * duration) / DEFERENCE;
|
|
28
|
+
console.log("time: ", time);
|
|
29
|
+
|
|
30
|
+
player?.currentTime(time);
|
|
31
|
+
};
|
|
32
|
+
|
|
33
|
+
const handleSliderClick = (e: React.MouseEvent<HTMLDivElement>) => {
|
|
34
|
+
const slider = e.currentTarget; // Get the slider element
|
|
35
|
+
const rect = slider.getBoundingClientRect(); // Get the bounding rect of the slider
|
|
36
|
+
const offsetX = e.clientX - rect.left; // Get the click position relative to the slider
|
|
37
|
+
const newTimeSlider = (offsetX / rect.width) * DEFERENCE; // Calculate the new slider value
|
|
38
|
+
|
|
39
|
+
// Update the time using the same function
|
|
40
|
+
const time = (newTimeSlider * duration) / DEFERENCE;
|
|
41
|
+
player?.currentTime(time);
|
|
42
|
+
setTimeSlider(newTimeSlider); // Update the state to reflect the change
|
|
43
|
+
};
|
|
44
|
+
|
|
45
|
+
useEffect(() => {
|
|
46
|
+
const intervalId = setInterval(() => {
|
|
47
|
+
const currentTime = player?.currentTime() || 0;
|
|
48
|
+
|
|
49
|
+
const time = (currentTime * DEFERENCE) / duration;
|
|
50
|
+
|
|
51
|
+
setTimeSlider(time);
|
|
52
|
+
}, 1000);
|
|
53
|
+
|
|
54
|
+
// Cleanup function to clear the interval
|
|
55
|
+
return () => clearInterval(intervalId);
|
|
56
|
+
}, [player, duration]);
|
|
57
|
+
|
|
58
|
+
const [maskCuttes, setMaskCuttes] = useState("");
|
|
59
|
+
|
|
60
|
+
useEffect(() => {
|
|
61
|
+
const arr: string[] = ["black 0%"];
|
|
62
|
+
chapters?.forEach((c) => {
|
|
63
|
+
const startPercentage = Math.floor((c.startTime * 100) / duration);
|
|
64
|
+
const endPercentage = Math.floor((c.endTime * 100) / duration);
|
|
65
|
+
arr.push(`black ${startPercentage}%`);
|
|
66
|
+
arr.push(`transparent ${startPercentage}%`);
|
|
67
|
+
arr.push(`transparent ${startPercentage + BAR_PERCENTAGE_WIDTH}%`);
|
|
68
|
+
|
|
69
|
+
arr.push(`black ${startPercentage + BAR_PERCENTAGE_WIDTH}%`);
|
|
70
|
+
arr.push(`black ${endPercentage}%`);
|
|
71
|
+
|
|
72
|
+
arr.push(`transparent ${endPercentage}%`);
|
|
73
|
+
arr.push(`transparent ${endPercentage + BAR_PERCENTAGE_WIDTH}%`);
|
|
74
|
+
|
|
75
|
+
arr.push(`black ${endPercentage + BAR_PERCENTAGE_WIDTH}%`);
|
|
76
|
+
});
|
|
77
|
+
arr.push(`black 100%`);
|
|
78
|
+
|
|
79
|
+
setMaskCuttes(arr.toString());
|
|
80
|
+
}, [chapters, duration]);
|
|
81
|
+
|
|
82
|
+
return (
|
|
83
|
+
<div className=' sb-w-full sb-h-2 sb-flex sb-items-center sb-justify-center'>
|
|
84
|
+
<div className='sb-absolute sb-top-0 sb-left-0 sb-w-full sb-z-10'>
|
|
85
|
+
<Slider
|
|
86
|
+
value={timeSlider}
|
|
87
|
+
handleValueChange={handleValueChange}
|
|
88
|
+
handleSliderClick={handleSliderClick}
|
|
89
|
+
min={MIN}
|
|
90
|
+
max={MAX}
|
|
91
|
+
style={{
|
|
92
|
+
background: "transparent",
|
|
93
|
+
}}
|
|
94
|
+
/>
|
|
95
|
+
</div>
|
|
96
|
+
|
|
97
|
+
<div
|
|
98
|
+
className='sb-absolute sb-top-0 sb-left-0 sb-w-full sb-h-2 sb-bg-slate-400 sb-rounded-md'
|
|
99
|
+
style={{
|
|
100
|
+
background: `
|
|
88
101
|
linear-gradient(to right,
|
|
89
102
|
#f97316 0%,
|
|
90
103
|
#f97316 ${timeSlider}%,
|
|
@@ -94,17 +107,16 @@ const TimeSlider = ({ chapters }: Props) => {
|
|
|
94
107
|
#30303030 100%
|
|
95
108
|
)
|
|
96
109
|
`,
|
|
97
|
-
|
|
110
|
+
maskImage: `
|
|
98
111
|
linear-gradient(to right,
|
|
99
112
|
${maskCuttes}
|
|
100
113
|
)
|
|
101
114
|
`,
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
);
|
|
115
|
+
maskSize: "100% 100%",
|
|
116
|
+
maskRepeat: "no-repeat",
|
|
117
|
+
}}></div>
|
|
118
|
+
</div>
|
|
119
|
+
);
|
|
108
120
|
};
|
|
109
121
|
|
|
110
122
|
export default TimeSlider;
|
|
@@ -8,6 +8,7 @@ import "./style/style.css";
|
|
|
8
8
|
import "../../styles/tailwind.css";
|
|
9
9
|
import { SoftBuildersVideoPlayerProvider } from "./provider";
|
|
10
10
|
import BigPlayButton from "../BigPlayButton";
|
|
11
|
+
import { isEqual } from "lodash";
|
|
11
12
|
let bigPlayButtonRoot = {};
|
|
12
13
|
const renderBigPlayButton = (id, player, isPaused, setIsPaused, opacity = "100") => {
|
|
13
14
|
const container = document.getElementById(`video-container-${id}`);
|
|
@@ -58,6 +59,7 @@ const VideoPlayerComponent = forwardRef(({ id, options, notes, chapters, startTi
|
|
|
58
59
|
const [isQualityMenuOpen, setIsQualityMenuOpen] = useState(false);
|
|
59
60
|
const [isSubtitleMenuOpen, setIsSubtitleMenuOpen] = useState(false);
|
|
60
61
|
const [isNoteOpen, setNoteOpen] = useState(false);
|
|
62
|
+
console.log("notes", notes);
|
|
61
63
|
const onReady = (player) => {
|
|
62
64
|
console.log("onReady: ", onReady);
|
|
63
65
|
if (playerRef) {
|
|
@@ -87,16 +89,42 @@ const VideoPlayerComponent = forwardRef(({ id, options, notes, chapters, startTi
|
|
|
87
89
|
videoElement.style.height = "100%";
|
|
88
90
|
playerRef.current = videojs(videoElement, options, () => {
|
|
89
91
|
var _a;
|
|
90
|
-
setIsReady(true);
|
|
91
92
|
(_a = playerRef.current) === null || _a === void 0 ? void 0 : _a.currentTime(startTime);
|
|
92
93
|
});
|
|
94
|
+
onReady(playerRef.current);
|
|
93
95
|
};
|
|
94
96
|
useEffect(() => {
|
|
95
97
|
if (playerRef.current) {
|
|
96
|
-
playerRef.current.
|
|
97
|
-
|
|
98
|
+
if (!isEqual(playerRef.current.poster_, poster)) {
|
|
99
|
+
playerRef.current.dispose();
|
|
100
|
+
console.log("dispose: ");
|
|
101
|
+
playerRef.current = undefined;
|
|
102
|
+
}
|
|
98
103
|
}
|
|
99
104
|
initializePlayer();
|
|
105
|
+
console.log("initializePlayer: ghhh");
|
|
106
|
+
}, [options]);
|
|
107
|
+
useEffect(() => {
|
|
108
|
+
return () => {
|
|
109
|
+
if (playerRef.current) {
|
|
110
|
+
console.log(playerRef.current, options, "jk");
|
|
111
|
+
if (!isEqual(playerRef.current.poster_, poster)) {
|
|
112
|
+
playerRef.current.dispose();
|
|
113
|
+
console.log("dispose7: ");
|
|
114
|
+
playerRef.current = undefined;
|
|
115
|
+
setTimeout(() => {
|
|
116
|
+
if (bigPlayButtonRoot[id]) {
|
|
117
|
+
bigPlayButtonRoot[id].unmount();
|
|
118
|
+
bigPlayButtonRoot[id] = undefined;
|
|
119
|
+
}
|
|
120
|
+
if (controlBarRoot[id]) {
|
|
121
|
+
controlBarRoot[id].unmount();
|
|
122
|
+
controlBarRoot[id] = undefined;
|
|
123
|
+
}
|
|
124
|
+
}, 0);
|
|
125
|
+
}
|
|
126
|
+
}
|
|
127
|
+
};
|
|
100
128
|
}, [options]);
|
|
101
129
|
useEffect(() => {
|
|
102
130
|
if (playerRef.current && isReady) {
|
|
@@ -114,6 +142,7 @@ const VideoPlayerComponent = forwardRef(({ id, options, notes, chapters, startTi
|
|
|
114
142
|
useEffect(() => {
|
|
115
143
|
if (isReady) {
|
|
116
144
|
const controlBarTimeout = setTimeout(() => {
|
|
145
|
+
console.log("isReady: ", isReady);
|
|
117
146
|
renderControlBar(id, playerRef.current, isPaused, setIsPaused, duration, notes, chapters, 5, handleSaveNoteAction, opacity, (e) => {
|
|
118
147
|
handlePlayerClick(e, true);
|
|
119
148
|
}, bgColor, setIsQualityMenuOpen, setIsSubtitleMenuOpen, disableNote, setNoteOpen, noteButtonClick);
|
|
@@ -139,9 +168,22 @@ const VideoPlayerComponent = forwardRef(({ id, options, notes, chapters, startTi
|
|
|
139
168
|
}, 500);
|
|
140
169
|
return () => clearTimeout(playButtonTimeout);
|
|
141
170
|
}
|
|
142
|
-
}, [id, isPaused, isReady, opacity]);
|
|
171
|
+
}, [id, isPaused, isReady, opacity, options, notes]);
|
|
143
172
|
useEffect(() => {
|
|
144
173
|
if (playerRef.current) {
|
|
174
|
+
playerRef.current.dispose();
|
|
175
|
+
console.log("dispose7: ");
|
|
176
|
+
playerRef.current = undefined;
|
|
177
|
+
setTimeout(() => {
|
|
178
|
+
if (bigPlayButtonRoot[id]) {
|
|
179
|
+
bigPlayButtonRoot[id].unmount();
|
|
180
|
+
bigPlayButtonRoot[id] = undefined;
|
|
181
|
+
}
|
|
182
|
+
if (controlBarRoot[id]) {
|
|
183
|
+
controlBarRoot[id].unmount();
|
|
184
|
+
controlBarRoot[id] = undefined;
|
|
185
|
+
}
|
|
186
|
+
}, 0);
|
|
145
187
|
const intervalId = setInterval(() => {
|
|
146
188
|
if (playerRef.current)
|
|
147
189
|
setIsPaused(playerRef.current.paused());
|
|
@@ -157,27 +199,6 @@ const VideoPlayerComponent = forwardRef(({ id, options, notes, chapters, startTi
|
|
|
157
199
|
(_b = playerRef.current) === null || _b === void 0 ? void 0 : _b.play();
|
|
158
200
|
}
|
|
159
201
|
}, [startTime]);
|
|
160
|
-
useEffect(() => {
|
|
161
|
-
return () => {
|
|
162
|
-
if (playerRef.current) {
|
|
163
|
-
// Defer cleanup to avoid flushSync issues during rendering
|
|
164
|
-
setTimeout(() => {
|
|
165
|
-
var _a;
|
|
166
|
-
if (bigPlayButtonRoot[id]) {
|
|
167
|
-
bigPlayButtonRoot[id].unmount();
|
|
168
|
-
bigPlayButtonRoot[id] = undefined;
|
|
169
|
-
}
|
|
170
|
-
if (controlBarRoot[id]) {
|
|
171
|
-
controlBarRoot[id].unmount();
|
|
172
|
-
controlBarRoot[id] = undefined;
|
|
173
|
-
}
|
|
174
|
-
// Dispose the player after custom elements are cleaned up
|
|
175
|
-
(_a = playerRef.current) === null || _a === void 0 ? void 0 : _a.dispose();
|
|
176
|
-
playerRef.current = undefined;
|
|
177
|
-
}, 0);
|
|
178
|
-
}
|
|
179
|
-
};
|
|
180
|
-
}, []);
|
|
181
202
|
const timeoutRef = useRef(null);
|
|
182
203
|
useEffect(() => {
|
|
183
204
|
if (isQualityMenuOpen || isSubtitleMenuOpen) {
|
|
@@ -197,8 +218,7 @@ const VideoPlayerComponent = forwardRef(({ id, options, notes, chapters, startTi
|
|
|
197
218
|
}
|
|
198
219
|
}, [isQualityMenuOpen, isSubtitleMenuOpen]);
|
|
199
220
|
useEffect(() => {
|
|
200
|
-
|
|
201
|
-
}
|
|
221
|
+
console.log("notes: ", notes);
|
|
202
222
|
}, [notes]);
|
|
203
223
|
const handlePlayerClick = async (e, isTimerOnly = false) => {
|
|
204
224
|
e.preventDefault();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/VideoPlayerComponent/index.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/VideoPlayerComponent/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACvE,OAAO,QAAQ,MAAM,kBAAkB,CAAC;AACxC,OAAO,OAAO,MAAM,UAAU,CAAC;AAE/B,OAAO,4BAA4B,CAAC;AACpC,OAAO,UAAU,MAAM,eAAe,CAAC;AAMvC,OAAO,mBAAmB,CAAC;AAC3B,OAAO,2BAA2B,CAAC;AACnC,OAAO,EAAE,+BAA+B,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,aAAa,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEjC,IAAI,iBAAiB,GAEjB,EAAE,CAAC;AACP,MAAM,mBAAmB,GAAG,CAC1B,EAAU,EACV,MAA0B,EAC1B,QAAiB,EACjB,WAA0D,EAC1D,UAAkB,KAAK,EACvB,EAAE;IACF,MAAM,SAAS,GAAG,QAAQ,CAAC,cAAc,CAAC,mBAAmB,EAAE,EAAE,CAAC,CAAC;IAEnE,IAAI,SAAS,EAAE,CAAC;QACd,SAAS,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;QAChC,MAAM,OAAO,GAAQ,SAAS,CAAC,aAAa,CAAC,sBAAsB,CAAC,CAAC;QACrE,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;QAChC,IAAI,OAAO,EAAE,CAAC;YACZ,IAAI,CAAC,iBAAiB,CAAC,EAAE,CAAC,EAAE,CAAC;gBAC3B,iBAAiB,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,UAAU,CAAC,OAAsB,CAAC,CAAC;YACtE,CAAC;YACD,iBAAiB,CAAC,EAAE,CAAC,CAAC,MAAM,CAC1B,KAAC,aAAa,IACZ,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,GACxB,CACH,CAAC;QACJ,CAAC;IACH,CAAC;AACH,CAAC,CAAC;AACF,IAAI,cAAc,GAEd,EAAE,CAAC;AACP,MAAM,gBAAgB,GAAG,CACvB,EAAU,EACV,MAA0B,EAC1B,QAAiB,EACjB,WAA0D,EAC1D,QAAgB,EAChB,KAAqC,EACrC,QAA2C,EAC3C,WAAmB,CAAC,EACpB,oBAAiE,EACjE,UAAkB,GAAG,EAErB,4BAA8C,GAAG,EAAE,GAAE,CAAC,EACtD,UAAkB,aAAa,EAC/B,oBAA6C,EAC7C,qBAA8C,EAC9C,WAAqB,EACrB,WAAoC,EACpC,eAAkC,EAClC,EAAE;IACF,MAAM,SAAS,GAAG,QAAQ,CAAC,cAAc,CAAC,mBAAmB,EAAE,EAAE,CAAC,CAAC;IACnE,OAAO,CAAC,GAAG,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC;IAEtC,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;QAE5B,SAAS,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;QAChC,SAAS,CAAC,KAAK,CAAC,WAAW,GAAG,QAAQ,CAAC;QACvC,MAAM,OAAO,GAAQ,SAAS,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC;QACjE,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;YAE5B,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,CAAC;gBACxB,cAAc,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,UAAU,CAAC,OAAsB,CAAC,CAAC;gBACjE,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;gBAC/B,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;gBAC9B,OAAO,CAAC,KAAK,CAAC,UAAU,GAAG,UAAU,CAAC;YACxC,CAAC;YAED,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;YAChC,OAAO,CAAC,KAAK,CAAC,eAAe,GAAG,GAAG,OAAO,aAAa,CAAC;YAExD,cAAc,CAAC,EAAE,CAAC,CAAC,MAAM,CACvB,KAAC,+BAA+B,cAC9B,KAAC,UAAU,IACT,EAAE,EAAE,EAAE,EACN,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,oBAAoB,EAAE,oBAAoB,EAC1C,yBAAyB,EAAE,yBAAyB,EACpD,qBAAqB,EAAE,qBAAqB,EAC5C,oBAAoB,EAAE,oBAAoB,EAC1C,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,eAAe,GAChC,GAC8B,CACnC,CAAC;QACJ,CAAC;IACH,CAAC;AACH,CAAC,CAAC;AAiBF,MAAM,oBAAoB,GAAG,UAAU,CACrC,CACE,EACE,EAAE,EACF,OAAO,EACP,KAAK,EACL,QAAQ,EACR,SAAS,GAAG,CAAC,EACb,oBAAoB,EACpB,MAAM,EACN,MAAM,EACN,OAAO,EACP,WAAW,EACX,QAAQ,EACR,YAAY,GAAG,IAAI,EACnB,eAAe,GACT,EACR,GAAS,EACT,EAAE;IACF,MAAM,QAAQ,GAAG,MAAM,CAAM,SAAS,CAAC,CAAC;IACxC,MAAM,SAAS,GAAG,MAAM,CAAqB,SAAS,CAAC,CAAC;IACxD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IAC5D,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC5C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;IAC5C,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACrE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC;IACtD,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClE,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpE,MAAM,CAAC,UAAU,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IAE5B,MAAM,OAAO,GAAG,CAAC,MAAc,EAAE,EAAE;QACjC,OAAO,CAAC,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;QAClC,IAAI,SAAS,EAAE,CAAC;YACd,SAAS,CAAC,OAAO,GAAG,MAAM,CAAC;YAC3B,UAAU,CAAC,IAAI,CAAC,CAAC;YACjB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,WAAW,CAAC,SAAS,CAAC,CAAC;YAE/B,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;YAC/B,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,GAAG,EAAE;gBACxB,OAAO,CAAC,GAAG,CAAC,qBAAqB,CAAC,CAAC;gBACnC,UAAU,CAAC,KAAK,CAAC,CAAC;YACpB,CAAC,CAAC,CAAC;YACH,MAAM,CAAC,EAAE,CAAC,gBAAgB,EAAE,GAAG,EAAE;gBAC/B,MAAM,CAAC,GAAG,MAAM,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;gBACjC,WAAW,CAAC,CAAC,CAAC,CAAC;YACjB,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;QACxD,YAAY,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;QACjD,YAAY,CAAC,SAAS,CAAC,GAAG,CAAC,uBAAuB,CAAC,CAAC;QACpD,IAAI,MAAM,EAAE,CAAC;YACX,YAAY,CAAC,YAAY,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;QAC9C,CAAC;QACD,QAAQ,CAAC,OAAO,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;QAC3C,YAAY,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC;QAClC,YAAY,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;QAEnC,SAAS,CAAC,OAAO,GAAG,OAAO,CAAC,YAAY,EAAE,OAAO,EAAE,GAAG,EAAE;;YACtD,MAAA,SAAS,CAAC,OAAO,0CAAE,WAAW,CAAC,SAAS,CAAC,CAAC;QAC5C,CAAC,CAAC,CAAC;QACH,OAAO,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;IAC7B,CAAC,CAAC;IACF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;YACtB,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,CAAC;gBAChD,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;gBAC5B,OAAO,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;gBACzB,SAAS,CAAC,OAAO,GAAG,SAAS,CAAC;YAChC,CAAC;QACH,CAAC;QACD,gBAAgB,EAAE,CAAC;QACnB,OAAO,CAAC,GAAG,CAAC,wBAAwB,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IACd,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE;YACV,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;gBACtB,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;gBAC9C,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,CAAC;oBAChD,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;oBAC5B,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;oBAC1B,SAAS,CAAC,OAAO,GAAG,SAAS,CAAC;oBAC9B,UAAU,CAAC,GAAG,EAAE;wBACd,IAAI,iBAAiB,CAAC,EAAE,CAAC,EAAE,CAAC;4BAC1B,iBAAiB,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC;4BAChC,iBAAiB,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC;wBACpC,CAAC;wBACD,IAAI,cAAc,CAAC,EAAE,CAAC,EAAE,CAAC;4BACvB,cAAc,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC;4BAC7B,cAAc,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC;wBACjC,CAAC;oBACH,CAAC,EAAE,CAAC,CAAC,CAAC;gBACR,CAAC;YACH,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IACd,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,CAAC,OAAO,IAAI,OAAO,EAAE,CAAC;YACjC,MAAM,WAAW,GAAG,SAAS,CAAC,OAAO,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;YACzD,IAAI,QAAQ,EAAE,CAAC;gBACb,IAAI,OAAO;oBAAE,OAAO,CAAC,WAAW,CAAC,CAAC;YACpC,CAAC;iBAAM,CAAC;gBACN,IAAI,MAAM;oBAAE,MAAM,CAAC,WAAW,CAAC,CAAC;YAClC,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAExB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,EAAE,CAAC;YACZ,MAAM,iBAAiB,GAAG,UAAU,CAAC,GAAG,EAAE;gBACxC,OAAO,CAAC,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;gBAElC,gBAAgB,CACd,EAAE,EACF,SAAS,CAAC,OAAO,EACjB,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,CAAC,EACD,oBAAoB,EACpB,OAAO,EACP,CAAC,CAAM,EAAE,EAAE;oBACT,iBAAiB,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;gBAC7B,CAAC,EACD,OAAO,EACP,oBAAoB,EACpB,qBAAqB,EACrB,WAAW,EACX,WAAW,EACX,eAAe,CAChB,CAAC;YACJ,CAAC,EAAE,CAAC,CAAC,CAAC;YACN,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC;QAC/C,CAAC;IACH,CAAC,EAAE;QACD,EAAE;QACF,SAAS;QACT,QAAQ;QACR,WAAW;QACX,KAAK;QACL,QAAQ;QACR,OAAO;QACP,oBAAoB;QACpB,QAAQ;QACR,OAAO;KACR,CAAC,CAAC;IACH,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,EAAE,CAAC;YACZ,MAAM,iBAAiB,GAAG,UAAU,CAAC,GAAG,EAAE;gBACxC,mBAAmB,CACjB,EAAE,EACF,SAAS,CAAC,OAAO,EACjB,QAAQ,EACR,WAAW,EACX,OAAO,CACR,CAAC;YACJ,CAAC,EAAE,GAAG,CAAC,CAAC;YACR,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC;QAC/C,CAAC;IACH,CAAC,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;IACrD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;YACtB,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;YAC5B,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;YAC1B,SAAS,CAAC,OAAO,GAAG,SAAS,CAAC;YAC9B,UAAU,CAAC,GAAG,EAAE;gBACd,IAAI,iBAAiB,CAAC,EAAE,CAAC,EAAE,CAAC;oBAC1B,iBAAiB,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC;oBAChC,iBAAiB,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC;gBACpC,CAAC;gBACD,IAAI,cAAc,CAAC,EAAE,CAAC,EAAE,CAAC;oBACvB,cAAc,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC;oBAC7B,cAAc,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC;gBACjC,CAAC;YACH,CAAC,EAAE,CAAC,CAAC,CAAC;YACN,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;gBAClC,IAAI,SAAS,CAAC,OAAO;oBAAE,WAAW,CAAC,SAAS,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;YACjE,CAAC,EAAE,GAAG,CAAC,CAAC;YACR,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;QACzC,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,SAAS,CAAC,GAAG,EAAE;;QACb,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;YACtB,MAAA,SAAS,CAAC,OAAO,0CAAE,WAAW,CAAC,SAAS,CAAC,CAAC;YAC1C,OAAO,CAAC,GAAG,CAAC,kBAAkB,EAAE,SAAS,CAAC,CAAC;YAC3C,MAAA,SAAS,CAAC,OAAO,0CAAE,IAAI,EAAE,CAAC;QAC5B,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,MAAM,UAAU,GAAG,MAAM,CAAM,IAAI,CAAC,CAAC;IACrC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,iBAAiB,IAAI,kBAAkB,EAAE,CAAC;YAC5C,IAAI,UAAU,CAAC,OAAO,EAAE,CAAC;gBACvB,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;YACnC,CAAC;YACD,UAAU,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC;aAAM,CAAC;YACN,IAAI,UAAU,CAAC,OAAO,EAAE,CAAC;gBACvB,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;YACnC,CAAC;YACD,UAAU,CAAC,GAAG,CAAC,CAAC;YAEhB,UAAU,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBACnC,sBAAsB,CAAC,KAAK,CAAC,CAAC;YAChC,CAAC,EAAE,IAAI,CAAC,CAAC;QACX,CAAC;IACH,CAAC,EAAE,CAAC,iBAAiB,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAE5C,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,CAAC,GAAG,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IAChC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,iBAAiB,GAAG,KAAK,EAAE,CAAM,EAAE,WAAW,GAAG,KAAK,EAAE,EAAE;QAC9D,CAAC,CAAC,cAAc,EAAE,CAAC;QAEnB,IAAI,UAAU,CAAC,OAAO,EAAE,CAAC;YACvB,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QACnC,CAAC;QACD,UAAU,CAAC,KAAK,CAAC,CAAC;QAClB,sBAAsB,CAAC,IAAI,CAAC,CAAC;QAC7B,0CAA0C;QAC1C,gBAAgB;QAChB,UAAU,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YACnC,UAAU,CAAC,GAAG,CAAC,CAAC;YAChB,UAAU,CAAC,aAAa,CAAC,CAAC;YAC1B,sBAAsB,CAAC,KAAK,CAAC,CAAC;QAChC,CAAC,EAAE,IAAI,CAAC,CAAC;QACT,IAAI,WAAW,EAAE,CAAC;YAChB,OAAO;QACT,CAAC;QACD,IAAI,CAAC,mBAAmB,EAAE,CAAC;YACzB,OAAO;QACT,CAAC;QACD,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;YACtB,IAAI,SAAS,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC;gBAC/B,IAAI,CAAC;oBACH,yDAAyD;oBACzD,OAAO,CAAC,GAAG,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC;oBACtC,MAAM,SAAS,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;oBAC/B,WAAW,CAAC,KAAK,CAAC,CAAC;gBACrB,CAAC;gBAAC,OAAO,KAAK,EAAE,CAAC;oBACf,OAAO,CAAC,KAAK,CAAC,uBAAuB,EAAE,KAAK,CAAC,CAAC;gBAChD,CAAC;YACH,CAAC;iBAAM,CAAC;gBACN,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;gBAC1B,WAAW,CAAC,IAAI,CAAC,CAAC;gBAClB,IAAI,OAAO;oBAAE,OAAO,CAAC,SAAS,CAAC,OAAO,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC,CAAC;YAC7D,CAAC;QACH,CAAC;IACH,CAAC,CAAC;IACF,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC,CAAC,qCAAqC;IAErF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,IAAI,oBAAoB,CACvC,CAAC,OAAO,EAAE,EAAE;YACV,OAAO,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;;gBACxB,IAAI,KAAK,CAAC,cAAc,KAAK,KAAK,EAAE,CAAC;oBACnC,IAAI,CAAA,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,0CAAE,MAAM,EAAE,MAAK,KAAK,EAAE,CAAC;wBAC3C,IAAI,CAAC;4BACH,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,0CAAE,KAAK,EAAE,CAAC;4BAC5B,WAAW,CAAC,IAAI,CAAC,CAAC;wBACpB,CAAC;wBAAC,OAAO,KAAK,EAAE,CAAC;4BACf,OAAO,CAAC,KAAK,CAAC,uBAAuB,EAAE,KAAK,CAAC,CAAC;wBAChD,CAAC;oBACH,CAAC;gBACH,CAAC;YACH,CAAC,CAAC,CAAC;QACL,CAAC,EACD;YACE,SAAS,EAAE,GAAG,EAAE,2EAA2E;SAC5F,CACF,CAAC;QAEF,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;YACtB,QAAQ,CAAC,OAAO,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,gCAAgC;QACvE,CAAC;QAED,OAAO,GAAG,EAAE;YACV,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;gBACtB,QAAQ,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,oDAAoD;YAC5F,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAS,GAAG,CAAC,CAAC;IAE1D,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,gBAAgB,GAAG,GAAG,EAAE;YAC5B,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;gBACtB,MAAM,WAAW,GAAG,SAAS,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;gBACpD,MAAM,QAAQ,GAAG,SAAS,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC;gBAE9C,IAAI,QAAQ,IAAI,WAAW,KAAK,SAAS,EAAE,CAAC;oBAC1C,aAAa,CAAC,GAAG,CAAC,WAAW,GAAG,QAAQ,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC;gBACtD,CAAC;qBAAM,CAAC;oBACN,aAAa,CAAC,GAAG,CAAC,CAAC;gBACrB,CAAC;YACH,CAAC;QACH,CAAC,CAAC;QAEF,MAAM,QAAQ,GAAG,WAAW,CAAC,gBAAgB,EAAE,GAAG,CAAC,CAAC,CAAC,qBAAqB;QAE1E,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,8BAA8B;IACtE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL,eACE,GAAG,EAAE,SAAS,EACd,EAAE,EAAE,mBAAmB,EAAE,EAAE,EAC3B,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE;YACjB,iBAAiB,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;QAC7B,CAAC,EACD,SAAS,EAAC,gFAAgF,aAEzF,YAAY,IAAI,CACf,cACE,GAAG,EAAE,QAAQ,EACb,OAAO,EAAE,iBAAiB,EAC1B,SAAS,EAAE,+IACT,OAAO,IAAI,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,gBACtC,EAAE,EACF,KAAK,EAAE;oBACL,KAAK,EAAE,UAAU;iBAClB,GACI,CACR,EACD,cACE,SAAS,EAAC,6CAA6C,qCAIvD,cACE,OAAO,EAAE,iBAAiB,EAC1B,GAAG,EAAE,QAAQ,EACb,SAAS,EAAC,iCAAiC,GACtC,GACH,IACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AACF,eAAe,oBAAoB,CAAC"}
|
|
@@ -13,6 +13,7 @@ import "./style/style.css";
|
|
|
13
13
|
import "../../styles/tailwind.css";
|
|
14
14
|
import { SoftBuildersVideoPlayerProvider } from "./provider";
|
|
15
15
|
import BigPlayButton from "../BigPlayButton";
|
|
16
|
+
import { isEqual } from "lodash";
|
|
16
17
|
|
|
17
18
|
let bigPlayButtonRoot: {
|
|
18
19
|
[key: string]: ReactDOM.Root | undefined;
|
|
@@ -128,6 +129,7 @@ export type Props<T = any> = {
|
|
|
128
129
|
childRef?: React.Ref<HTMLDivElement>;
|
|
129
130
|
noteButtonClick?: (e: any) => void;
|
|
130
131
|
};
|
|
132
|
+
|
|
131
133
|
const VideoPlayerComponent = forwardRef<HTMLDivElement, Props<any>>(
|
|
132
134
|
(
|
|
133
135
|
{
|
|
@@ -158,6 +160,8 @@ const VideoPlayerComponent = forwardRef<HTMLDivElement, Props<any>>(
|
|
|
158
160
|
const [isQualityMenuOpen, setIsQualityMenuOpen] = useState(false);
|
|
159
161
|
const [isSubtitleMenuOpen, setIsSubtitleMenuOpen] = useState(false);
|
|
160
162
|
const [isNoteOpen, setNoteOpen] = useState(false);
|
|
163
|
+
console.log("notes", notes);
|
|
164
|
+
|
|
161
165
|
const onReady = (player: Player) => {
|
|
162
166
|
console.log("onReady: ", onReady);
|
|
163
167
|
if (playerRef) {
|
|
@@ -176,6 +180,7 @@ const VideoPlayerComponent = forwardRef<HTMLDivElement, Props<any>>(
|
|
|
176
180
|
});
|
|
177
181
|
}
|
|
178
182
|
};
|
|
183
|
+
|
|
179
184
|
const initializePlayer = () => {
|
|
180
185
|
const videoElement = document.createElement("video-js");
|
|
181
186
|
videoElement.setAttribute("playsinline", "true");
|
|
@@ -188,16 +193,42 @@ const VideoPlayerComponent = forwardRef<HTMLDivElement, Props<any>>(
|
|
|
188
193
|
videoElement.style.height = "100%";
|
|
189
194
|
|
|
190
195
|
playerRef.current = videojs(videoElement, options, () => {
|
|
191
|
-
setIsReady(true);
|
|
192
196
|
playerRef.current?.currentTime(startTime);
|
|
193
197
|
});
|
|
198
|
+
onReady(playerRef.current);
|
|
194
199
|
};
|
|
195
200
|
useEffect(() => {
|
|
196
201
|
if (playerRef.current) {
|
|
197
|
-
playerRef.current.
|
|
198
|
-
|
|
202
|
+
if (!isEqual(playerRef.current.poster_, poster)) {
|
|
203
|
+
playerRef.current.dispose();
|
|
204
|
+
console.log("dispose: ");
|
|
205
|
+
playerRef.current = undefined;
|
|
206
|
+
}
|
|
199
207
|
}
|
|
200
208
|
initializePlayer();
|
|
209
|
+
console.log("initializePlayer: ghhh");
|
|
210
|
+
}, [options]);
|
|
211
|
+
useEffect(() => {
|
|
212
|
+
return () => {
|
|
213
|
+
if (playerRef.current) {
|
|
214
|
+
console.log(playerRef.current, options, "jk");
|
|
215
|
+
if (!isEqual(playerRef.current.poster_, poster)) {
|
|
216
|
+
playerRef.current.dispose();
|
|
217
|
+
console.log("dispose7: ");
|
|
218
|
+
playerRef.current = undefined;
|
|
219
|
+
setTimeout(() => {
|
|
220
|
+
if (bigPlayButtonRoot[id]) {
|
|
221
|
+
bigPlayButtonRoot[id].unmount();
|
|
222
|
+
bigPlayButtonRoot[id] = undefined;
|
|
223
|
+
}
|
|
224
|
+
if (controlBarRoot[id]) {
|
|
225
|
+
controlBarRoot[id].unmount();
|
|
226
|
+
controlBarRoot[id] = undefined;
|
|
227
|
+
}
|
|
228
|
+
}, 0);
|
|
229
|
+
}
|
|
230
|
+
}
|
|
231
|
+
};
|
|
201
232
|
}, [options]);
|
|
202
233
|
useEffect(() => {
|
|
203
234
|
if (playerRef.current && isReady) {
|
|
@@ -213,6 +244,8 @@ const VideoPlayerComponent = forwardRef<HTMLDivElement, Props<any>>(
|
|
|
213
244
|
useEffect(() => {
|
|
214
245
|
if (isReady) {
|
|
215
246
|
const controlBarTimeout = setTimeout(() => {
|
|
247
|
+
console.log("isReady: ", isReady);
|
|
248
|
+
|
|
216
249
|
renderControlBar(
|
|
217
250
|
id,
|
|
218
251
|
playerRef.current,
|
|
@@ -262,9 +295,22 @@ const VideoPlayerComponent = forwardRef<HTMLDivElement, Props<any>>(
|
|
|
262
295
|
}, 500);
|
|
263
296
|
return () => clearTimeout(playButtonTimeout);
|
|
264
297
|
}
|
|
265
|
-
}, [id, isPaused, isReady, opacity]);
|
|
298
|
+
}, [id, isPaused, isReady, opacity, options, notes]);
|
|
266
299
|
useEffect(() => {
|
|
267
300
|
if (playerRef.current) {
|
|
301
|
+
playerRef.current.dispose();
|
|
302
|
+
console.log("dispose7: ");
|
|
303
|
+
playerRef.current = undefined;
|
|
304
|
+
setTimeout(() => {
|
|
305
|
+
if (bigPlayButtonRoot[id]) {
|
|
306
|
+
bigPlayButtonRoot[id].unmount();
|
|
307
|
+
bigPlayButtonRoot[id] = undefined;
|
|
308
|
+
}
|
|
309
|
+
if (controlBarRoot[id]) {
|
|
310
|
+
controlBarRoot[id].unmount();
|
|
311
|
+
controlBarRoot[id] = undefined;
|
|
312
|
+
}
|
|
313
|
+
}, 0);
|
|
268
314
|
const intervalId = setInterval(() => {
|
|
269
315
|
if (playerRef.current) setIsPaused(playerRef.current.paused());
|
|
270
316
|
}, 500);
|
|
@@ -278,27 +324,7 @@ const VideoPlayerComponent = forwardRef<HTMLDivElement, Props<any>>(
|
|
|
278
324
|
playerRef.current?.play();
|
|
279
325
|
}
|
|
280
326
|
}, [startTime]);
|
|
281
|
-
useEffect(() => {
|
|
282
|
-
return () => {
|
|
283
|
-
if (playerRef.current) {
|
|
284
|
-
// Defer cleanup to avoid flushSync issues during rendering
|
|
285
|
-
setTimeout(() => {
|
|
286
|
-
if (bigPlayButtonRoot[id]) {
|
|
287
|
-
bigPlayButtonRoot[id].unmount();
|
|
288
|
-
bigPlayButtonRoot[id] = undefined;
|
|
289
|
-
}
|
|
290
|
-
if (controlBarRoot[id]) {
|
|
291
|
-
controlBarRoot[id].unmount();
|
|
292
|
-
controlBarRoot[id] = undefined;
|
|
293
|
-
}
|
|
294
327
|
|
|
295
|
-
// Dispose the player after custom elements are cleaned up
|
|
296
|
-
playerRef.current?.dispose();
|
|
297
|
-
playerRef.current = undefined;
|
|
298
|
-
}, 0);
|
|
299
|
-
}
|
|
300
|
-
};
|
|
301
|
-
}, []);
|
|
302
328
|
const timeoutRef = useRef<any>(null);
|
|
303
329
|
useEffect(() => {
|
|
304
330
|
if (isQualityMenuOpen || isSubtitleMenuOpen) {
|
|
@@ -319,8 +345,7 @@ const VideoPlayerComponent = forwardRef<HTMLDivElement, Props<any>>(
|
|
|
319
345
|
}, [isQualityMenuOpen, isSubtitleMenuOpen]);
|
|
320
346
|
|
|
321
347
|
useEffect(() => {
|
|
322
|
-
|
|
323
|
-
}
|
|
348
|
+
console.log("notes: ", notes);
|
|
324
349
|
}, [notes]);
|
|
325
350
|
|
|
326
351
|
const handlePlayerClick = async (e: any, isTimerOnly = false) => {
|
package/dist/index.mjs
CHANGED
|
@@ -171,13 +171,16 @@ var Slider = (_a) => {
|
|
|
171
171
|
handleValueChange,
|
|
172
172
|
min = 0,
|
|
173
173
|
max = 100,
|
|
174
|
-
className
|
|
174
|
+
className,
|
|
175
|
+
handleSliderClick = () => {
|
|
176
|
+
}
|
|
175
177
|
} = _b, rest = __objRest(_b, [
|
|
176
178
|
"value",
|
|
177
179
|
"handleValueChange",
|
|
178
180
|
"min",
|
|
179
181
|
"max",
|
|
180
|
-
"className"
|
|
182
|
+
"className",
|
|
183
|
+
"handleSliderClick"
|
|
181
184
|
]);
|
|
182
185
|
return /* @__PURE__ */ jsx3(
|
|
183
186
|
"input",
|
|
@@ -187,6 +190,7 @@ var Slider = (_a) => {
|
|
|
187
190
|
onMouseDown: (e) => e.stopPropagation(),
|
|
188
191
|
onClick: (e) => {
|
|
189
192
|
e.stopPropagation();
|
|
193
|
+
handleSliderClick(e);
|
|
190
194
|
},
|
|
191
195
|
onMouseUp: (e) => e.stopPropagation(),
|
|
192
196
|
max,
|
|
@@ -1048,6 +1052,15 @@ var TimeSlider = ({ chapters }) => {
|
|
|
1048
1052
|
console.log("time: ", time);
|
|
1049
1053
|
player == null ? void 0 : player.currentTime(time);
|
|
1050
1054
|
};
|
|
1055
|
+
const handleSliderClick = (e) => {
|
|
1056
|
+
const slider = e.currentTarget;
|
|
1057
|
+
const rect = slider.getBoundingClientRect();
|
|
1058
|
+
const offsetX = e.clientX - rect.left;
|
|
1059
|
+
const newTimeSlider = offsetX / rect.width * DEFERENCE;
|
|
1060
|
+
const time = newTimeSlider * duration / DEFERENCE;
|
|
1061
|
+
player == null ? void 0 : player.currentTime(time);
|
|
1062
|
+
setTimeSlider(newTimeSlider);
|
|
1063
|
+
};
|
|
1051
1064
|
useEffect9(() => {
|
|
1052
1065
|
const intervalId = setInterval(() => {
|
|
1053
1066
|
const currentTime = (player == null ? void 0 : player.currentTime()) || 0;
|
|
@@ -1080,6 +1093,7 @@ var TimeSlider = ({ chapters }) => {
|
|
|
1080
1093
|
{
|
|
1081
1094
|
value: timeSlider,
|
|
1082
1095
|
handleValueChange,
|
|
1096
|
+
handleSliderClick,
|
|
1083
1097
|
min: MIN2,
|
|
1084
1098
|
max: MAX2,
|
|
1085
1099
|
style: {
|
|
@@ -1483,7 +1497,7 @@ var ControlBar = ({
|
|
|
1483
1497
|
time: Number((player == null ? void 0 : player.currentTime()) || 0),
|
|
1484
1498
|
isOpen: e
|
|
1485
1499
|
});
|
|
1486
|
-
player.pause();
|
|
1500
|
+
player == null ? void 0 : player.pause();
|
|
1487
1501
|
}
|
|
1488
1502
|
}
|
|
1489
1503
|
) }),
|
|
@@ -1538,6 +1552,7 @@ var BigPlayButton = ({ player, isPaused, setIsPaused }) => {
|
|
|
1538
1552
|
var BigPlayButton_default = BigPlayButton;
|
|
1539
1553
|
|
|
1540
1554
|
// src/components/VideoPlayerComponent/index.tsx
|
|
1555
|
+
import { isEqual } from "lodash";
|
|
1541
1556
|
import { jsx as jsx36, jsxs as jsxs15 } from "react/jsx-runtime";
|
|
1542
1557
|
var bigPlayButtonRoot = {};
|
|
1543
1558
|
var renderBigPlayButton = (id, player, isPaused, setIsPaused, opacity = "100") => {
|
|
@@ -1635,6 +1650,7 @@ var VideoPlayerComponent = forwardRef(
|
|
|
1635
1650
|
const [isQualityMenuOpen, setIsQualityMenuOpen] = useState14(false);
|
|
1636
1651
|
const [isSubtitleMenuOpen, setIsSubtitleMenuOpen] = useState14(false);
|
|
1637
1652
|
const [isNoteOpen, setNoteOpen] = useState14(false);
|
|
1653
|
+
console.log("notes", notes);
|
|
1638
1654
|
const onReady = (player) => {
|
|
1639
1655
|
console.log("onReady: ", onReady);
|
|
1640
1656
|
if (playerRef) {
|
|
@@ -1665,16 +1681,42 @@ var VideoPlayerComponent = forwardRef(
|
|
|
1665
1681
|
videoElement.style.height = "100%";
|
|
1666
1682
|
playerRef.current = videojs(videoElement, options, () => {
|
|
1667
1683
|
var _a;
|
|
1668
|
-
setIsReady(true);
|
|
1669
1684
|
(_a = playerRef.current) == null ? void 0 : _a.currentTime(startTime);
|
|
1670
1685
|
});
|
|
1686
|
+
onReady(playerRef.current);
|
|
1671
1687
|
};
|
|
1672
1688
|
useEffect14(() => {
|
|
1673
1689
|
if (playerRef.current) {
|
|
1674
|
-
playerRef.current.
|
|
1675
|
-
|
|
1690
|
+
if (!isEqual(playerRef.current.poster_, poster)) {
|
|
1691
|
+
playerRef.current.dispose();
|
|
1692
|
+
console.log("dispose: ");
|
|
1693
|
+
playerRef.current = void 0;
|
|
1694
|
+
}
|
|
1676
1695
|
}
|
|
1677
1696
|
initializePlayer();
|
|
1697
|
+
console.log("initializePlayer: ghhh");
|
|
1698
|
+
}, [options]);
|
|
1699
|
+
useEffect14(() => {
|
|
1700
|
+
return () => {
|
|
1701
|
+
if (playerRef.current) {
|
|
1702
|
+
console.log(playerRef.current, options, "jk");
|
|
1703
|
+
if (!isEqual(playerRef.current.poster_, poster)) {
|
|
1704
|
+
playerRef.current.dispose();
|
|
1705
|
+
console.log("dispose7: ");
|
|
1706
|
+
playerRef.current = void 0;
|
|
1707
|
+
setTimeout(() => {
|
|
1708
|
+
if (bigPlayButtonRoot[id]) {
|
|
1709
|
+
bigPlayButtonRoot[id].unmount();
|
|
1710
|
+
bigPlayButtonRoot[id] = void 0;
|
|
1711
|
+
}
|
|
1712
|
+
if (controlBarRoot[id]) {
|
|
1713
|
+
controlBarRoot[id].unmount();
|
|
1714
|
+
controlBarRoot[id] = void 0;
|
|
1715
|
+
}
|
|
1716
|
+
}, 0);
|
|
1717
|
+
}
|
|
1718
|
+
}
|
|
1719
|
+
};
|
|
1678
1720
|
}, [options]);
|
|
1679
1721
|
useEffect14(() => {
|
|
1680
1722
|
if (playerRef.current && isReady) {
|
|
@@ -1689,6 +1731,7 @@ var VideoPlayerComponent = forwardRef(
|
|
|
1689
1731
|
useEffect14(() => {
|
|
1690
1732
|
if (isReady) {
|
|
1691
1733
|
const controlBarTimeout = setTimeout(() => {
|
|
1734
|
+
console.log("isReady: ", isReady);
|
|
1692
1735
|
renderControlBar(
|
|
1693
1736
|
id,
|
|
1694
1737
|
playerRef.current,
|
|
@@ -1738,9 +1781,22 @@ var VideoPlayerComponent = forwardRef(
|
|
|
1738
1781
|
}, 500);
|
|
1739
1782
|
return () => clearTimeout(playButtonTimeout);
|
|
1740
1783
|
}
|
|
1741
|
-
}, [id, isPaused, isReady, opacity]);
|
|
1784
|
+
}, [id, isPaused, isReady, opacity, options, notes]);
|
|
1742
1785
|
useEffect14(() => {
|
|
1743
1786
|
if (playerRef.current) {
|
|
1787
|
+
playerRef.current.dispose();
|
|
1788
|
+
console.log("dispose7: ");
|
|
1789
|
+
playerRef.current = void 0;
|
|
1790
|
+
setTimeout(() => {
|
|
1791
|
+
if (bigPlayButtonRoot[id]) {
|
|
1792
|
+
bigPlayButtonRoot[id].unmount();
|
|
1793
|
+
bigPlayButtonRoot[id] = void 0;
|
|
1794
|
+
}
|
|
1795
|
+
if (controlBarRoot[id]) {
|
|
1796
|
+
controlBarRoot[id].unmount();
|
|
1797
|
+
controlBarRoot[id] = void 0;
|
|
1798
|
+
}
|
|
1799
|
+
}, 0);
|
|
1744
1800
|
const intervalId = setInterval(() => {
|
|
1745
1801
|
if (playerRef.current) setIsPaused(playerRef.current.paused());
|
|
1746
1802
|
}, 500);
|
|
@@ -1755,25 +1811,6 @@ var VideoPlayerComponent = forwardRef(
|
|
|
1755
1811
|
(_b = playerRef.current) == null ? void 0 : _b.play();
|
|
1756
1812
|
}
|
|
1757
1813
|
}, [startTime]);
|
|
1758
|
-
useEffect14(() => {
|
|
1759
|
-
return () => {
|
|
1760
|
-
if (playerRef.current) {
|
|
1761
|
-
setTimeout(() => {
|
|
1762
|
-
var _a;
|
|
1763
|
-
if (bigPlayButtonRoot[id]) {
|
|
1764
|
-
bigPlayButtonRoot[id].unmount();
|
|
1765
|
-
bigPlayButtonRoot[id] = void 0;
|
|
1766
|
-
}
|
|
1767
|
-
if (controlBarRoot[id]) {
|
|
1768
|
-
controlBarRoot[id].unmount();
|
|
1769
|
-
controlBarRoot[id] = void 0;
|
|
1770
|
-
}
|
|
1771
|
-
(_a = playerRef.current) == null ? void 0 : _a.dispose();
|
|
1772
|
-
playerRef.current = void 0;
|
|
1773
|
-
}, 0);
|
|
1774
|
-
}
|
|
1775
|
-
};
|
|
1776
|
-
}, []);
|
|
1777
1814
|
const timeoutRef = useRef2(null);
|
|
1778
1815
|
useEffect14(() => {
|
|
1779
1816
|
if (isQualityMenuOpen || isSubtitleMenuOpen) {
|
|
@@ -1792,8 +1829,7 @@ var VideoPlayerComponent = forwardRef(
|
|
|
1792
1829
|
}
|
|
1793
1830
|
}, [isQualityMenuOpen, isSubtitleMenuOpen]);
|
|
1794
1831
|
useEffect14(() => {
|
|
1795
|
-
|
|
1796
|
-
}
|
|
1832
|
+
console.log("notes: ", notes);
|
|
1797
1833
|
}, [notes]);
|
|
1798
1834
|
const handlePlayerClick = async (e, isTimerOnly = false) => {
|
|
1799
1835
|
e.preventDefault();
|
|
@@ -1921,6 +1957,7 @@ var VideoPlayerComponent = forwardRef(
|
|
|
1921
1957
|
var VideoPlayerComponent_default = VideoPlayerComponent;
|
|
1922
1958
|
|
|
1923
1959
|
// src/components/SoftBuildersVideoPlayer/index.tsx
|
|
1960
|
+
import { isEqual as isEqual2 } from "lodash";
|
|
1924
1961
|
import { jsx as jsx37 } from "react/jsx-runtime";
|
|
1925
1962
|
var DEFAULT_OPTIONS = {
|
|
1926
1963
|
autoplay: false,
|
|
@@ -1994,8 +2031,9 @@ var Component = forwardRef2(
|
|
|
1994
2031
|
}
|
|
1995
2032
|
);
|
|
1996
2033
|
var SoftBuildersVideoPlayer = memo(Component, (prevProps, nextProps) => {
|
|
1997
|
-
|
|
1998
|
-
|
|
2034
|
+
console.log(isEqual2(prevProps.options, nextProps.options, "oooop"));
|
|
2035
|
+
console.log(nextProps.notes, prevProps.notes, "oooop");
|
|
2036
|
+
return isEqual2(prevProps.options, nextProps.options) && prevProps.notes === nextProps.notes && prevProps.chapters === nextProps.chapters && prevProps.startTime === nextProps.startTime;
|
|
1999
2037
|
});
|
|
2000
2038
|
var SoftBuildersVideoPlayer_default = SoftBuildersVideoPlayer;
|
|
2001
2039
|
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "softbuilders-react-video-player",
|
|
3
3
|
"description": "Standalone video player component",
|
|
4
|
-
"version": "1.2.
|
|
4
|
+
"version": "1.2.3",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
7
7
|
"files": [
|
|
@@ -24,6 +24,7 @@
|
|
|
24
24
|
"react-dom": "^18.3.1"
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {
|
|
27
|
+
"lodash": "^4.17.21",
|
|
27
28
|
"typescript": "^5.6.2",
|
|
28
29
|
"video.js": "^8.18.0"
|
|
29
30
|
},
|