@hanifhan1f/vidstack-react 1.12.33 → 1.12.35
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/dev/chunks/{vidstack-3rdEWplD.js → vidstack-B-DU-_xu.js} +55 -3
- package/dev/chunks/{vidstack-CniPzPQc.js → vidstack-C3VHrHPf.js} +155 -15
- package/dev/chunks/{vidstack-BOPSNTgH.js → vidstack-CjLj3q5w.js} +5 -57
- package/dev/chunks/{vidstack-BNwnoM-l.js → vidstack-DpWioszb.js} +1 -1
- package/dev/chunks/{vidstack-S_S6XDnL.js → vidstack-t48GJbb5.js} +1 -1
- package/dev/player/vidstack-default-components.js +4 -4
- package/dev/player/vidstack-default-layout.js +4 -4
- package/dev/player/vidstack-plyr-layout.js +3 -3
- package/dev/vidstack.js +5 -5
- package/package.json +1 -1
- package/player/layouts/default.d.ts +9 -1
- package/prod/chunks/{vidstack-BlPINAXN.js → vidstack-BI5-IK9v.js} +55 -3
- package/prod/chunks/{vidstack-CbejzCJs.js → vidstack-BgAMJr1Y.js} +155 -15
- package/prod/chunks/{vidstack-Bh7M8kL6.js → vidstack-DKWmxvB4.js} +5 -57
- package/prod/chunks/{vidstack-DhSvljmQ.js → vidstack-NR84X5HE.js} +1 -1
- package/prod/chunks/{vidstack-BS445j5D.js → vidstack-jSJ0Meez.js} +1 -1
- package/prod/player/vidstack-default-components.js +4 -4
- package/prod/player/vidstack-default-layout.js +4 -4
- package/prod/player/vidstack-plyr-layout.js +3 -3
- package/prod/vidstack.js +5 -5
- package/{dev/chunks/vidstack-DTow20pt.js → server/chunks/vidstack-CSX6ausI.js} +55 -3
- package/server/chunks/{vidstack-CoGzBr_V.js → vidstack-CePUWLrW.js} +5 -57
- package/{dev/chunks/vidstack-CvWDiSTs.js → server/chunks/vidstack-D7sOBYbw.js} +1 -1
- package/server/chunks/{vidstack-VGPw_CQP.js → vidstack-DqUb8JgU.js} +1 -1
- package/server/chunks/{vidstack-i9a2TQLO.js → vidstack-Dvh6BtYs.js} +155 -15
- package/server/player/vidstack-default-components.js +4 -4
- package/server/player/vidstack-default-layout.js +4 -4
- package/server/player/vidstack-plyr-layout.js +3 -3
- package/server/vidstack.js +5 -5
- package/dev/chunks/vidstack-B-FM4-oZ.js +0 -668
- package/dev/chunks/vidstack-B92UncBI.js +0 -61
- package/dev/chunks/vidstack-BDiAEW1N.js +0 -11691
- package/dev/chunks/vidstack-BPymmnxm.js +0 -551
- package/dev/chunks/vidstack-BSZY6sbC.js +0 -180
- package/dev/chunks/vidstack-BSpAxhO6.js +0 -643
- package/dev/chunks/vidstack-BVVxkUlq.js +0 -288
- package/dev/chunks/vidstack-BXgKy_7V.js +0 -11693
- package/dev/chunks/vidstack-BalWqr4j.js +0 -1422
- package/dev/chunks/vidstack-Bfi_jCvb.js +0 -476
- package/dev/chunks/vidstack-BoLZuw80.js +0 -34
- package/dev/chunks/vidstack-BrqDQG-r.js +0 -643
- package/dev/chunks/vidstack-C3QPOZNd.js +0 -476
- package/dev/chunks/vidstack-C7BwfK5c.js +0 -1537
- package/dev/chunks/vidstack-CEUjDh4x.js +0 -34
- package/dev/chunks/vidstack-CFOPpDTy.js +0 -476
- package/dev/chunks/vidstack-CFZ0rYJz.js +0 -34
- package/dev/chunks/vidstack-CKsUl4ll.js +0 -1384
- package/dev/chunks/vidstack-CM82l-7o.js +0 -551
- package/dev/chunks/vidstack-CQSHFVu7.js +0 -401
- package/dev/chunks/vidstack-CXrXBlpD.js +0 -11692
- package/dev/chunks/vidstack-CevuS08D.js +0 -1504
- package/dev/chunks/vidstack-CkRXb9Ia.js +0 -1537
- package/dev/chunks/vidstack-CqNX679o.js +0 -669
- package/dev/chunks/vidstack-Csfg08VS.js +0 -551
- package/dev/chunks/vidstack-CzU-uC5f.js +0 -189
- package/dev/chunks/vidstack-D2Bi2Td9.js +0 -1537
- package/dev/chunks/vidstack-D3ZXOE4d.js +0 -643
- package/dev/chunks/vidstack-D6_9yy0x.js +0 -643
- package/dev/chunks/vidstack-DJQOTrl6.js +0 -180
- package/dev/chunks/vidstack-DNbKNc4R.js +0 -288
- package/dev/chunks/vidstack-DOtIyh4c.js +0 -288
- package/dev/chunks/vidstack-DY2iivhG.js +0 -84
- package/dev/chunks/vidstack-DjqYvkVp.js +0 -84
- package/dev/chunks/vidstack-Dov8gjdq.js +0 -401
- package/dev/chunks/vidstack-DqaqkU4T.js +0 -9
- package/dev/chunks/vidstack-DwdhbP5c.js +0 -189
- package/dev/chunks/vidstack-DweQYzVw.js +0 -180
- package/dev/chunks/vidstack-FuCbl228.js +0 -226
- package/dev/chunks/vidstack-H9OdEKUQ.js +0 -375
- package/dev/chunks/vidstack-KntYDWMe.js +0 -668
- package/dev/chunks/vidstack-L5mw2iPb.js +0 -375
- package/dev/chunks/vidstack-NCBSBZE-.js +0 -61
- package/dev/chunks/vidstack-PREbBNMG.js +0 -125
- package/dev/chunks/vidstack-UWMPvwsa.js +0 -1537
- package/dev/chunks/vidstack-f6WXkmfP.js +0 -375
- package/dev/chunks/vidstack-gqKBE4xH.js +0 -376
- package/dev/chunks/vidstack-iRuTLfhk.js +0 -61
- package/dev/chunks/vidstack-lYFZKRUc.js +0 -401
- package/dev/chunks/vidstack-oOGofWSl.js +0 -668
- package/dev/chunks/vidstack-vh0BKYWJ.js +0 -84
- package/prod/chunks/vidstack-0Foyib2F.js +0 -34
- package/prod/chunks/vidstack-58ZavMvv.js +0 -159
- package/prod/chunks/vidstack-B0SSIHIv.js +0 -1537
- package/prod/chunks/vidstack-B9nEslvl.js +0 -11197
- package/prod/chunks/vidstack-BCBskRpc.js +0 -664
- package/prod/chunks/vidstack-BOObgZd8.js +0 -504
- package/prod/chunks/vidstack-BZVrgeRF.js +0 -9
- package/prod/chunks/vidstack-B_9VGrZQ.js +0 -504
- package/prod/chunks/vidstack-B_wD853-.js +0 -386
- package/prod/chunks/vidstack-BbPEqH3g.js +0 -11196
- package/prod/chunks/vidstack-Bm2UemPE.js +0 -470
- package/prod/chunks/vidstack-Bp_hAwzI.js +0 -61
- package/prod/chunks/vidstack-C4tNkfXj.js +0 -470
- package/prod/chunks/vidstack-C4tuISYG.js +0 -1504
- package/prod/chunks/vidstack-C5Rzkyfp.js +0 -375
- package/prod/chunks/vidstack-CKapDFwB.js +0 -376
- package/prod/chunks/vidstack-CNJwYQRW.js +0 -84
- package/prod/chunks/vidstack-CQll06Hv.js +0 -34
- package/prod/chunks/vidstack-CVzVtf1j.js +0 -61
- package/prod/chunks/vidstack-CYK75vJF.js +0 -1382
- package/prod/chunks/vidstack-CZNlvfmV.js +0 -288
- package/prod/chunks/vidstack-CiQEyk_l.js +0 -189
- package/prod/chunks/vidstack-CiTWSpv_.js +0 -34
- package/prod/chunks/vidstack-CikQpsuo.js +0 -1537
- package/prod/chunks/vidstack-CtxjO6HG.js +0 -84
- package/prod/chunks/vidstack-CzjHdPIT.js +0 -375
- package/prod/chunks/vidstack-D0XCUWbp.js +0 -159
- package/prod/chunks/vidstack-D3cSYtez.js +0 -663
- package/prod/chunks/vidstack-D91K36KQ.js +0 -206
- package/prod/chunks/vidstack-DJThTSEm.js +0 -125
- package/prod/chunks/vidstack-DTyDOhwS.js +0 -504
- package/prod/chunks/vidstack-DVMwXUgY.js +0 -189
- package/prod/chunks/vidstack-DXSNXDnS.js +0 -1384
- package/prod/chunks/vidstack-D_Sd7838.js +0 -663
- package/prod/chunks/vidstack-D_ijTIbV.js +0 -11198
- package/prod/chunks/vidstack-DdiGCJVp.js +0 -504
- package/prod/chunks/vidstack-DgGDsAKh.js +0 -375
- package/prod/chunks/vidstack-DgsBXr1J.js +0 -84
- package/prod/chunks/vidstack-DhC5F6c8.js +0 -470
- package/prod/chunks/vidstack-Djmla_FM.js +0 -545
- package/prod/chunks/vidstack-DpQw1Y33.js +0 -663
- package/prod/chunks/vidstack-DrEorv9m.js +0 -189
- package/prod/chunks/vidstack-Ma9rwtR0.js +0 -386
- package/prod/chunks/vidstack-VTpvHAdU.js +0 -1537
- package/prod/chunks/vidstack-dbLRgf2L.js +0 -159
- package/prod/chunks/vidstack-ehqxnvc9.js +0 -1537
- package/prod/chunks/vidstack-jIPoNqhj.js +0 -545
- package/prod/chunks/vidstack-lc8NHly9.js +0 -288
- package/prod/chunks/vidstack-rHvQ8f6c.js +0 -288
- package/prod/chunks/vidstack-rKV98aQH.js +0 -545
- package/prod/chunks/vidstack-uA7h-Bsq.js +0 -386
- package/prod/chunks/vidstack-xo_SmgiV.js +0 -84
- package/prod/chunks/vidstack-xvxeRtaN.js +0 -61
- package/server/chunks/vidstack--ufi23Q6.js +0 -1537
- package/server/chunks/vidstack-B3AXUfgF.js +0 -189
- package/server/chunks/vidstack-B4rJ1ZKK.js +0 -376
- package/server/chunks/vidstack-BJCx78pm.js +0 -386
- package/server/chunks/vidstack-BTdEfKqV.js +0 -84
- package/server/chunks/vidstack-BV_VpWlJ.js +0 -1537
- package/server/chunks/vidstack-BtitkRvR.js +0 -11198
- package/server/chunks/vidstack-BtqWstSj.js +0 -375
- package/server/chunks/vidstack-BweZhuNd.js +0 -1537
- package/server/chunks/vidstack-ByG5MvLs.js +0 -545
- package/server/chunks/vidstack-C-HdFsZi.js +0 -84
- package/server/chunks/vidstack-C0xOpWYR.js +0 -470
- package/server/chunks/vidstack-C481iXqe.js +0 -386
- package/server/chunks/vidstack-C4iWXMC-.js +0 -545
- package/server/chunks/vidstack-C5zFBMwg.js +0 -386
- package/server/chunks/vidstack-CEh38XpD.js +0 -288
- package/server/chunks/vidstack-CSiPajWY.js +0 -470
- package/server/chunks/vidstack-CbNRZgUA.js +0 -11197
- package/server/chunks/vidstack-CgXa6YO3.js +0 -61
- package/server/chunks/vidstack-CkMAeO-e.js +0 -34
- package/server/chunks/vidstack-Cm0qnRvu.js +0 -11196
- package/server/chunks/vidstack-Ct1NFlBa.js +0 -1537
- package/server/chunks/vidstack-CyFwkPiu.js +0 -470
- package/server/chunks/vidstack-D4t_SZbb.js +0 -1416
- package/server/chunks/vidstack-D7D9kiW6.js +0 -34
- package/server/chunks/vidstack-DH6N0AoF.js +0 -375
- package/server/chunks/vidstack-DJJmNib6.js +0 -504
- package/server/chunks/vidstack-DKr7br9D.js +0 -34
- package/server/chunks/vidstack-DM-5dPT-.js +0 -663
- package/server/chunks/vidstack-DOIUveQF.js +0 -504
- package/server/chunks/vidstack-DTn72IA8.js +0 -1504
- package/server/chunks/vidstack-DWfS9vAY.js +0 -84
- package/server/chunks/vidstack-DWt5LAKE.js +0 -375
- package/server/chunks/vidstack-DY51lx0R.js +0 -189
- package/server/chunks/vidstack-DbNoKLjz.js +0 -664
- package/server/chunks/vidstack-Dbs_rXUT.js +0 -663
- package/server/chunks/vidstack-DeS67_gx.js +0 -9
- package/server/chunks/vidstack-DiHlnSws.js +0 -1384
- package/server/chunks/vidstack-DnoqxmOs.js +0 -125
- package/server/chunks/vidstack-DsZKgA8y.js +0 -663
- package/server/chunks/vidstack-DtQSvsQr.js +0 -189
- package/server/chunks/vidstack-E7eUOyFt.js +0 -288
- package/server/chunks/vidstack-JkJEYEQM.js +0 -159
- package/server/chunks/vidstack-KhtuR229.js +0 -504
- package/server/chunks/vidstack-NXcLNXxO.js +0 -84
- package/server/chunks/vidstack-OKdxH1xx.js +0 -189
- package/server/chunks/vidstack-SkX-mSrw.js +0 -206
- package/server/chunks/vidstack-X1Hex9PH.js +0 -84
- package/server/chunks/vidstack-iVN8uBAv.js +0 -288
- package/server/chunks/vidstack-jlaBqZq5.js +0 -61
- package/server/chunks/vidstack-m8aA99tE.js +0 -159
- package/server/chunks/vidstack-rUHVQoo3.js +0 -61
- package/server/chunks/vidstack-rWs25cS9.js +0 -159
- package/server/chunks/vidstack-uyCXITen.js +0 -504
- package/server/chunks/vidstack-yf18YVAb.js +0 -545
|
@@ -1,125 +0,0 @@
|
|
|
1
|
-
"use client"
|
|
2
|
-
|
|
3
|
-
import * as React from 'react';
|
|
4
|
-
import { MediaRemoteControl, sortVideoQualities, DEFAULT_PLAYBACK_RATES } from 'vidstack';
|
|
5
|
-
import { MediaPlayerInstance } from './vidstack-SkX-mSrw.js';
|
|
6
|
-
import { useMediaContext } from './vidstack-DbNoKLjz.js';
|
|
7
|
-
import { useSignal, isString } from './vidstack-D4t_SZbb.js';
|
|
8
|
-
|
|
9
|
-
function useMediaRemote(target) {
|
|
10
|
-
const media = useMediaContext(), remote = React.useRef(null);
|
|
11
|
-
if (!remote.current) {
|
|
12
|
-
remote.current = new MediaRemoteControl();
|
|
13
|
-
}
|
|
14
|
-
React.useEffect(() => {
|
|
15
|
-
const ref = target && "current" in target ? target.current : target, isPlayerRef = ref instanceof MediaPlayerInstance, player = isPlayerRef ? ref : media?.player;
|
|
16
|
-
remote.current.setPlayer(player ?? null);
|
|
17
|
-
remote.current.setTarget(ref ?? null);
|
|
18
|
-
}, [media, target && "current" in target ? target.current : target]);
|
|
19
|
-
return remote.current;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
function useVideoQualityOptions({
|
|
23
|
-
auto = true,
|
|
24
|
-
sort = "descending"
|
|
25
|
-
} = {}) {
|
|
26
|
-
const media = useMediaContext(), { qualities, quality, autoQuality, canSetQuality } = media.$state, $qualities = useSignal(qualities);
|
|
27
|
-
useSignal(quality);
|
|
28
|
-
useSignal(autoQuality);
|
|
29
|
-
useSignal(canSetQuality);
|
|
30
|
-
return React.useMemo(() => {
|
|
31
|
-
const sortedQualities = sortVideoQualities($qualities, sort === "descending"), options = sortedQualities.map((q) => {
|
|
32
|
-
return {
|
|
33
|
-
quality: q,
|
|
34
|
-
label: q.height + "p",
|
|
35
|
-
value: getQualityValue(q),
|
|
36
|
-
bitrateText: q.bitrate && q.bitrate > 0 ? `${(q.bitrate / 1e6).toFixed(2)} Mbps` : null,
|
|
37
|
-
get selected() {
|
|
38
|
-
return q === quality();
|
|
39
|
-
},
|
|
40
|
-
get autoSelected() {
|
|
41
|
-
return autoQuality();
|
|
42
|
-
},
|
|
43
|
-
select(trigger) {
|
|
44
|
-
const index = qualities().indexOf(q);
|
|
45
|
-
if (index >= 0) media.remote.changeQuality(index, trigger);
|
|
46
|
-
}
|
|
47
|
-
};
|
|
48
|
-
});
|
|
49
|
-
if (auto) {
|
|
50
|
-
options.unshift({
|
|
51
|
-
quality: null,
|
|
52
|
-
label: isString(auto) ? auto : "Auto",
|
|
53
|
-
value: "auto",
|
|
54
|
-
bitrateText: null,
|
|
55
|
-
get selected() {
|
|
56
|
-
return autoQuality();
|
|
57
|
-
},
|
|
58
|
-
get autoSelected() {
|
|
59
|
-
return autoQuality();
|
|
60
|
-
},
|
|
61
|
-
select(trigger) {
|
|
62
|
-
media.remote.requestAutoQuality(trigger);
|
|
63
|
-
}
|
|
64
|
-
});
|
|
65
|
-
}
|
|
66
|
-
Object.defineProperty(options, "disabled", {
|
|
67
|
-
get() {
|
|
68
|
-
return !canSetQuality() || $qualities.length <= 1;
|
|
69
|
-
}
|
|
70
|
-
});
|
|
71
|
-
Object.defineProperty(options, "selectedQuality", {
|
|
72
|
-
get() {
|
|
73
|
-
return quality();
|
|
74
|
-
}
|
|
75
|
-
});
|
|
76
|
-
Object.defineProperty(options, "selectedValue", {
|
|
77
|
-
get() {
|
|
78
|
-
const $quality = quality();
|
|
79
|
-
return !autoQuality() && $quality ? getQualityValue($quality) : "auto";
|
|
80
|
-
}
|
|
81
|
-
});
|
|
82
|
-
return options;
|
|
83
|
-
}, [$qualities, sort]);
|
|
84
|
-
}
|
|
85
|
-
function getQualityValue(quality) {
|
|
86
|
-
return quality.height + "_" + quality.bitrate;
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
function usePlaybackRateOptions({
|
|
90
|
-
rates = DEFAULT_PLAYBACK_RATES,
|
|
91
|
-
normalLabel = "Normal"
|
|
92
|
-
} = {}) {
|
|
93
|
-
const media = useMediaContext(), { playbackRate, canSetPlaybackRate } = media.$state;
|
|
94
|
-
useSignal(playbackRate);
|
|
95
|
-
useSignal(canSetPlaybackRate);
|
|
96
|
-
return React.useMemo(() => {
|
|
97
|
-
const options = rates.map((opt) => {
|
|
98
|
-
const label = typeof opt === "number" ? opt === 1 && normalLabel ? normalLabel : opt + "x" : opt.label, rate = typeof opt === "number" ? opt : opt.rate;
|
|
99
|
-
return {
|
|
100
|
-
label,
|
|
101
|
-
value: rate.toString(),
|
|
102
|
-
rate,
|
|
103
|
-
get selected() {
|
|
104
|
-
return playbackRate() === rate;
|
|
105
|
-
},
|
|
106
|
-
select(trigger) {
|
|
107
|
-
media.remote.changePlaybackRate(rate, trigger);
|
|
108
|
-
}
|
|
109
|
-
};
|
|
110
|
-
});
|
|
111
|
-
Object.defineProperty(options, "disabled", {
|
|
112
|
-
get() {
|
|
113
|
-
return !canSetPlaybackRate() || !options.length;
|
|
114
|
-
}
|
|
115
|
-
});
|
|
116
|
-
Object.defineProperty(options, "selectedValue", {
|
|
117
|
-
get() {
|
|
118
|
-
return playbackRate().toString();
|
|
119
|
-
}
|
|
120
|
-
});
|
|
121
|
-
return options;
|
|
122
|
-
}, [rates]);
|
|
123
|
-
}
|
|
124
|
-
|
|
125
|
-
export { useMediaRemote, usePlaybackRateOptions, useVideoQualityOptions };
|