softbuilders-react-video-player 1.3.1 → 1.3.2
Sign up to get free protection for your applications and to get access to all the features.
@@ -23,11 +23,16 @@ const QualityMenu = ({ width, onClick, isTrailer, setIsModalChanged, }) => {
|
|
23
23
|
if (player) {
|
24
24
|
const sources = player === null || player === void 0 ? void 0 : player.currentSources();
|
25
25
|
const qs = JSON.parse(JSON.stringify(sources));
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
26
|
+
player.on("loadedmetadata", () => {
|
27
|
+
// @ts-ignore
|
28
|
+
const qualityLevels = player === null || player === void 0 ? void 0 : player.qualityLevels();
|
29
|
+
if ((qualityLevels === null || qualityLevels === void 0 ? void 0 : qualityLevels.length) > 0) {
|
30
|
+
setQualities((prev) => [
|
31
|
+
...qualityLevels,
|
32
|
+
{ height: "auto", width: "auto" },
|
33
|
+
]);
|
34
|
+
}
|
35
|
+
});
|
31
36
|
const source = player === null || player === void 0 ? void 0 : player.currentSource();
|
32
37
|
const quality = JSON.parse(JSON.stringify(source));
|
33
38
|
// setCurrentQualitySrc(quality.label);
|
@@ -82,6 +87,7 @@ const QualityMenu = ({ width, onClick, isTrailer, setIsModalChanged, }) => {
|
|
82
87
|
}
|
83
88
|
}, 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
89
|
return (_jsx(QualityOption, { width: width, isTrailer: isTrailer, isSelected: currentQualitySrc === (q === null || q === void 0 ? void 0 : q.height), quality: q, onClick: (e) => {
|
90
|
+
setCurrentQualitySrc(q === null || q === void 0 ? void 0 : q.height);
|
85
91
|
q.height != "auto"
|
86
92
|
? setQualityByHeight(q.height)
|
87
93
|
: setAutoQuality();
|
@@ -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,MAAM,EAAE,MAAM,EAAE,GAAG,iCAAiC,EAAE,CAAC;IACvD,OAAO,CACL,iBACE,SAAS,EAAE,4BACT,CAAC,KAAK,GAAG,GAAG,IAAI,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,aAAa,MAAK,IAAI,CAAC,IAAI,CAAC,SAAS;YAC3D,CAAC,CAAC,QAAQ;YACV,CAAC,CAAC,SACN,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,CAAC,KAAK,GAAG,GAAG,IAAI,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,aAAa,MAAK,IAAI,CAAC,IAAI,CAAC,SAAS;4BAC3D,CAAC,CAAC,eAAe;4BACjB,CAAC,CAAC,eACN,EAAE,GACF,CACH,CAAC,CAAC,CAAC,CACF,eAAW,CACZ,GACG,EAEN,YAAG,SAAS,EAAC,4BAA4B,YAAE,OAAO,CAAC,MAAM,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,CAAQ,EAAE,CAAC,CAAC;IAEtD,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;
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/QualityMenu/index.tsx"],"names":[],"mappings":"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"}
|
@@ -85,12 +85,17 @@ const QualityMenu = ({
|
|
85
85
|
const qs: SoftBuildersVideoPlayerSource[] = JSON.parse(
|
86
86
|
JSON.stringify(sources)
|
87
87
|
);
|
88
|
-
// @ts-ignore
|
89
|
-
const qualityLevels = player?.qualityLevels();
|
90
|
-
setQualities(qualityLevels.levels_);
|
91
|
-
console.log("qualityLevels.levels_: ", qualityLevels.levels_.length);
|
92
88
|
|
93
|
-
|
89
|
+
player.on("loadedmetadata", () => {
|
90
|
+
// @ts-ignore
|
91
|
+
const qualityLevels = player?.qualityLevels();
|
92
|
+
if (qualityLevels?.length > 0) {
|
93
|
+
setQualities((prev) => [
|
94
|
+
...qualityLevels,
|
95
|
+
{ height: "auto", width: "auto" },
|
96
|
+
]);
|
97
|
+
}
|
98
|
+
});
|
94
99
|
|
95
100
|
const source = player?.currentSource();
|
96
101
|
const quality: SoftBuildersVideoPlayerSource = JSON.parse(
|
@@ -190,6 +195,7 @@ const QualityMenu = ({
|
|
190
195
|
isSelected={currentQualitySrc === q?.height}
|
191
196
|
quality={q}
|
192
197
|
onClick={(e: React.MouseEvent<HTMLButtonElement>) => {
|
198
|
+
setCurrentQualitySrc(q?.height);
|
193
199
|
q.height != "auto"
|
194
200
|
? setQualityByHeight(q.height)
|
195
201
|
: setAutoQuality();
|
package/dist/index.mjs
CHANGED
@@ -910,10 +910,15 @@ var QualityMenu = ({
|
|
910
910
|
const qs = JSON.parse(
|
911
911
|
JSON.stringify(sources)
|
912
912
|
);
|
913
|
-
|
914
|
-
|
915
|
-
|
916
|
-
|
913
|
+
player.on("loadedmetadata", () => {
|
914
|
+
const qualityLevels = player == null ? void 0 : player.qualityLevels();
|
915
|
+
if ((qualityLevels == null ? void 0 : qualityLevels.length) > 0) {
|
916
|
+
setQualities((prev) => [
|
917
|
+
...qualityLevels,
|
918
|
+
{ height: "auto", width: "auto" }
|
919
|
+
]);
|
920
|
+
}
|
921
|
+
});
|
917
922
|
const source = player == null ? void 0 : player.currentSource();
|
918
923
|
const quality = JSON.parse(
|
919
924
|
JSON.stringify(source)
|
@@ -995,6 +1000,7 @@ var QualityMenu = ({
|
|
995
1000
|
isSelected: currentQualitySrc === (q == null ? void 0 : q.height),
|
996
1001
|
quality: q,
|
997
1002
|
onClick: (e) => {
|
1003
|
+
setCurrentQualitySrc(q == null ? void 0 : q.height);
|
998
1004
|
q.height != "auto" ? setQualityByHeight(q.height) : setAutoQuality();
|
999
1005
|
closeMenuFunction && closeMenuFunction();
|
1000
1006
|
setIsModalChanged(false);
|