@hanifhan1f/vidstack 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/cdn/with-layouts/chunks/{vidstack-BCLumCST.js → vidstack-BEgmmcDO.js} +56 -52
- package/cdn/with-layouts/chunks/{vidstack-DJyGEdCH.js → vidstack-t3PBZMbl.js} +1 -1
- package/cdn/with-layouts/vidstack.js +1 -1
- package/dev/chunks/{vidstack-B__DfQsT.js → vidstack-BReSQAMt.js} +10 -6
- package/dev/define/templates/vidstack-audio-layout.js +1 -1
- package/dev/define/templates/vidstack-video-layout.js +7 -5
- package/dev/define/vidstack-player-default-layout.js +1 -1
- package/dev/define/vidstack-player-layouts.js +1 -1
- package/dev/vidstack-elements.js +1 -1
- package/dev/vidstack.js +0 -4
- package/elements.d.ts +1 -1
- package/global/player.d.ts +1 -1
- package/global/plyr.d.ts +2 -2
- package/index.d.ts +2 -2
- package/package.json +1 -1
- package/prod/chunks/{vidstack-BnEo_Sla.js → vidstack-B0glDgAI.js} +10 -6
- package/prod/define/templates/vidstack-audio-layout.js +1 -1
- package/prod/define/templates/vidstack-video-layout.js +7 -5
- package/prod/define/vidstack-player-default-layout.js +1 -1
- package/prod/define/vidstack-player-layouts.js +1 -1
- package/prod/vidstack-elements.js +1 -1
- package/server/chunks/{vidstack-BIGdJnUK.js → vidstack-nANS1jfu.js} +16 -10
- package/server/define/vidstack-player-default-layout.js +1 -1
- package/server/define/vidstack-player-layouts.js +1 -1
- package/server/vidstack-elements.js +1 -1
- package/types/{vidstack-DYLKXUvI.d.ts → vidstack-CZqFq0VF.d.ts} +13 -1
- package/cdn/chunks/vidstack-8JHLDxl5.js +0 -1
- package/cdn/chunks/vidstack-BF7lZRtq.js +0 -3
- package/cdn/chunks/vidstack-BYgY9wmd.js +0 -1
- package/cdn/chunks/vidstack-BYpysj84.js +0 -1
- package/cdn/chunks/vidstack-Bjo5esRp.js +0 -1
- package/cdn/chunks/vidstack-BkxGdzTJ.js +0 -16
- package/cdn/chunks/vidstack-BuL67v3q.js +0 -1
- package/cdn/chunks/vidstack-Bzk6lVKb.js +0 -1
- package/cdn/chunks/vidstack-C0msPRTd.js +0 -3
- package/cdn/chunks/vidstack-C1FlyyzK.js +0 -1
- package/cdn/chunks/vidstack-CIjxJCz3.js +0 -1
- package/cdn/chunks/vidstack-CioT3Yw2.js +0 -1
- package/cdn/chunks/vidstack-Cj0I-Rec.js +0 -1
- package/cdn/chunks/vidstack-CmpbA3Yd.js +0 -16
- package/cdn/chunks/vidstack-CnWKPIKT.js +0 -16
- package/cdn/chunks/vidstack-CrqkytHl.js +0 -1
- package/cdn/chunks/vidstack-D0M8R0ZU.js +0 -1
- package/cdn/chunks/vidstack-D40FSa5B.js +0 -3
- package/cdn/chunks/vidstack-D84Fzc__.js +0 -16
- package/cdn/chunks/vidstack-DD2JwFVU.js +0 -1
- package/cdn/chunks/vidstack-DQvyz7Mm.js +0 -1
- package/cdn/chunks/vidstack-Dd9fqVv6.js +0 -1
- package/cdn/chunks/vidstack-DfDZuHNP.js +0 -1
- package/cdn/chunks/vidstack-uMxrPflF.js +0 -1
- package/cdn/chunks/vidstack-xjJ-ui_l.js +0 -1
- package/cdn/chunks/vidstack-zemsqC5d.js +0 -1
- package/cdn/providers/vidstack-audio-2Dt_Ivbp.js +0 -1
- package/cdn/providers/vidstack-audio-BOGYlExy.js +0 -1
- package/cdn/providers/vidstack-dash-CUtD4e6q.js +0 -1
- package/cdn/providers/vidstack-dash-D4ZARr66.js +0 -1
- package/cdn/providers/vidstack-google-cast-BdORATUX.js +0 -1
- package/cdn/providers/vidstack-hls-8-552IuX.js +0 -1
- package/cdn/providers/vidstack-hls-R25Kb6DP.js +0 -1
- package/cdn/providers/vidstack-html-BvVaN2VT.js +0 -1
- package/cdn/providers/vidstack-html-DaAUJYsD.js +0 -1
- package/cdn/providers/vidstack-video-BnwQZKER.js +0 -1
- package/cdn/providers/vidstack-video-Csvox7SO.js +0 -1
- package/cdn/providers/vidstack-vimeo-D4Z96kg2.js +0 -1
- package/cdn/providers/vidstack-vimeo-gJmBqtLK.js +0 -1
- package/cdn/providers/vidstack-youtube-Chl_dTAz.js +0 -1
- package/cdn/providers/vidstack-youtube-DiND6h3s.js +0 -1
- package/cdn/with-layouts/chunks/vidstack-4liSokT6.js +0 -1
- package/cdn/with-layouts/chunks/vidstack-B97B8XDc.js +0 -3
- package/cdn/with-layouts/chunks/vidstack-BD5YoTt5.js +0 -937
- package/cdn/with-layouts/chunks/vidstack-BGhRKayG.js +0 -914
- package/cdn/with-layouts/chunks/vidstack-BL_lNyW_.js +0 -1
- package/cdn/with-layouts/chunks/vidstack-BMhNagfl.js +0 -1
- package/cdn/with-layouts/chunks/vidstack-BP3ybDy9.js +0 -912
- package/cdn/with-layouts/chunks/vidstack-BbFHhcVG.js +0 -1
- package/cdn/with-layouts/chunks/vidstack-BjOOdDcQ.js +0 -1
- package/cdn/with-layouts/chunks/vidstack-C5AP9wid.js +0 -1
- package/cdn/with-layouts/chunks/vidstack-CS2aNc61.js +0 -1
- package/cdn/with-layouts/chunks/vidstack-CXEcXyBI.js +0 -1
- package/cdn/with-layouts/chunks/vidstack-Ciq-n5rg.js +0 -1
- package/cdn/with-layouts/chunks/vidstack-CmuGllcj.js +0 -1
- package/cdn/with-layouts/chunks/vidstack-CyNByJUW.js +0 -912
- package/cdn/with-layouts/chunks/vidstack-D-3_fAsK.js +0 -1
- package/cdn/with-layouts/chunks/vidstack-DCaNJN4T.js +0 -1
- package/cdn/with-layouts/chunks/vidstack-DKqYI_HJ.js +0 -1
- package/cdn/with-layouts/chunks/vidstack-DLGH9jfs.js +0 -1
- package/cdn/with-layouts/chunks/vidstack-DLVdcWrK.js +0 -3
- package/cdn/with-layouts/chunks/vidstack-DPO7J4-v.js +0 -3
- package/cdn/with-layouts/chunks/vidstack-DWjB11vV.js +0 -1
- package/cdn/with-layouts/chunks/vidstack-Dd3L-eQj.js +0 -1
- package/cdn/with-layouts/chunks/vidstack-Dh2GOjra.js +0 -1
- package/cdn/with-layouts/chunks/vidstack-DhNpv7SU.js +0 -1
- package/cdn/with-layouts/chunks/vidstack-QW5tTAS4.js +0 -897
- package/cdn/with-layouts/chunks/vidstack-T2rZVigk.js +0 -912
- package/cdn/with-layouts/chunks/vidstack-Xe_d7ovA.js +0 -1
- package/cdn/with-layouts/chunks/vidstack-wt2OT4N7.js +0 -1
- package/cdn/with-layouts/providers/vidstack-audio-Bw1csc6N.js +0 -1
- package/cdn/with-layouts/providers/vidstack-audio-CwoQJvl2.js +0 -1
- package/cdn/with-layouts/providers/vidstack-dash-CJsKJfLI.js +0 -1
- package/cdn/with-layouts/providers/vidstack-dash-DHRMFG4Y.js +0 -1
- package/cdn/with-layouts/providers/vidstack-google-cast-BSYJYn-o.js +0 -1
- package/cdn/with-layouts/providers/vidstack-hls-DG1rTEqu.js +0 -1
- package/cdn/with-layouts/providers/vidstack-hls-ji26kFdQ.js +0 -1
- package/cdn/with-layouts/providers/vidstack-html-BvHMxtoe.js +0 -1
- package/cdn/with-layouts/providers/vidstack-html-CoKFAYW5.js +0 -1
- package/cdn/with-layouts/providers/vidstack-video-1Uj5cNP2.js +0 -1
- package/cdn/with-layouts/providers/vidstack-video-CIxFJ9Z1.js +0 -1
- package/cdn/with-layouts/providers/vidstack-vimeo-CNLKOGMa.js +0 -1
- package/cdn/with-layouts/providers/vidstack-vimeo-DACTbJaQ.js +0 -1
- package/cdn/with-layouts/providers/vidstack-youtube-D1e-LE-8.js +0 -1
- package/cdn/with-layouts/providers/vidstack-youtube-RoLp-I6u.js +0 -1
- package/dev/chunks/vidstack-03oQOdB7.js +0 -58
- package/dev/chunks/vidstack-0XhA3AD_.js +0 -5181
- package/dev/chunks/vidstack-44ILR0Cb.js +0 -1521
- package/dev/chunks/vidstack-B4XOm7dP.js +0 -104
- package/dev/chunks/vidstack-BJsZjPkB.js +0 -204
- package/dev/chunks/vidstack-BXSB7eI9.js +0 -58
- package/dev/chunks/vidstack-BaGbgcvz.js +0 -107
- package/dev/chunks/vidstack-Blfm1k-4.js +0 -1520
- package/dev/chunks/vidstack-Bo8BNFJ2.js +0 -2986
- package/dev/chunks/vidstack-Bs54kFSz.js +0 -66
- package/dev/chunks/vidstack-C3N4zIuV.js +0 -254
- package/dev/chunks/vidstack-C4aPQ7hZ.js +0 -1482
- package/dev/chunks/vidstack-C6OqdJO7.js +0 -114
- package/dev/chunks/vidstack-CAL4iu_K.js +0 -1482
- package/dev/chunks/vidstack-CEjYxSqZ.js +0 -297
- package/dev/chunks/vidstack-CJCnHmKE.js +0 -104
- package/dev/chunks/vidstack-CQdFhXSo.js +0 -204
- package/dev/chunks/vidstack-CSryZFvY.js +0 -1521
- package/dev/chunks/vidstack-C_rvOKWp.js +0 -33
- package/dev/chunks/vidstack-CaudO1jl.js +0 -109
- package/dev/chunks/vidstack-CcQdBWil.js +0 -58
- package/dev/chunks/vidstack-Cky9ors4.js +0 -297
- package/dev/chunks/vidstack-DAOcbKGP.js +0 -254
- package/dev/chunks/vidstack-DD_3HszA.js +0 -1520
- package/dev/chunks/vidstack-DKaohJzR.js +0 -5181
- package/dev/chunks/vidstack-DLXCqdYV.js +0 -3010
- package/dev/chunks/vidstack-DS7nRfge.js +0 -204
- package/dev/chunks/vidstack-DWtK42Sh.js +0 -1483
- package/dev/chunks/vidstack-D_LvMxPr.js +0 -204
- package/dev/chunks/vidstack-Db1-Hg_U.js +0 -297
- package/dev/chunks/vidstack-DrczgsqN.js +0 -297
- package/dev/chunks/vidstack-EoLRQZbs.js +0 -2986
- package/dev/chunks/vidstack-FKkY62Dr.js +0 -104
- package/dev/chunks/vidstack-el2dbO0m.js +0 -5181
- package/dev/chunks/vidstack-rvhuswgi.js +0 -2986
- package/prod/chunks/vidstack-BAqdCFIm.js +0 -4771
- package/prod/chunks/vidstack-BHqGlnGz.js +0 -1482
- package/prod/chunks/vidstack-BP49Gz0m.js +0 -58
- package/prod/chunks/vidstack-BRZe2BNi.js +0 -107
- package/prod/chunks/vidstack-BRnfTkxi.js +0 -297
- package/prod/chunks/vidstack-BaaRY-9x.js +0 -201
- package/prod/chunks/vidstack-BexQYZop.js +0 -2976
- package/prod/chunks/vidstack-BpLd9ASW.js +0 -246
- package/prod/chunks/vidstack-C-yd_bAJ.js +0 -4771
- package/prod/chunks/vidstack-C05ipjAK.js +0 -1520
- package/prod/chunks/vidstack-CA4tDJdF.js +0 -33
- package/prod/chunks/vidstack-CFXAYpuh.js +0 -1521
- package/prod/chunks/vidstack-CIvL96_j.js +0 -297
- package/prod/chunks/vidstack-CYVCrFjx.js +0 -201
- package/prod/chunks/vidstack-Cs0fH84E.js +0 -1521
- package/prod/chunks/vidstack-D7hJcnN-.js +0 -297
- package/prod/chunks/vidstack-DDePVDjt.js +0 -2976
- package/prod/chunks/vidstack-DESBVLFp.js +0 -104
- package/prod/chunks/vidstack-DMDDSV3t.js +0 -104
- package/prod/chunks/vidstack-DXfGRhxZ.js +0 -201
- package/prod/chunks/vidstack-D_atbNqH.js +0 -3000
- package/prod/chunks/vidstack-DcMkaIHJ.js +0 -2976
- package/prod/chunks/vidstack-DnRxQoqP.js +0 -104
- package/prod/chunks/vidstack-DwenML7x.js +0 -4771
- package/prod/chunks/vidstack-IDWYvfna.js +0 -58
- package/prod/chunks/vidstack-Ko2EJadT.js +0 -1483
- package/prod/chunks/vidstack-MbEMbVfP.js +0 -109
- package/prod/chunks/vidstack-ShUhyBfI.js +0 -201
- package/prod/chunks/vidstack-SnIdjCkV.js +0 -58
- package/prod/chunks/vidstack-V1jwkH0s.js +0 -66
- package/prod/chunks/vidstack-V9U6gsde.js +0 -1482
- package/prod/chunks/vidstack-XA3zT5W9.js +0 -297
- package/prod/chunks/vidstack-bdt7uOlN.js +0 -114
- package/prod/chunks/vidstack-kdaDngIm.js +0 -1520
- package/prod/chunks/vidstack-oNEzlviH.js +0 -246
- package/server/chunks/vidstack-B2Bc9g7_.js +0 -2000
- package/server/chunks/vidstack-B4CWj0Hp.js +0 -381
- package/server/chunks/vidstack-B8P1aUCK.js +0 -1503
- package/server/chunks/vidstack-B8_v1VQn.js +0 -3059
- package/server/chunks/vidstack-BGgfNYAH.js +0 -141
- package/server/chunks/vidstack-BGmwlunt.js +0 -3035
- package/server/chunks/vidstack-BO8FLks6.js +0 -295
- package/server/chunks/vidstack-BosyhF3p.js +0 -207
- package/server/chunks/vidstack-C19bj3Wq.js +0 -307
- package/server/chunks/vidstack-C8F1EUBn.js +0 -104
- package/server/chunks/vidstack-CFTkUXGK.js +0 -295
- package/server/chunks/vidstack-CQMB7Msg.js +0 -1502
- package/server/chunks/vidstack-CWho6PlG.js +0 -141
- package/server/chunks/vidstack-CdBfecZT.js +0 -205
- package/server/chunks/vidstack-Cv_Art04.js +0 -4635
- package/server/chunks/vidstack-DE4b5Bgx.js +0 -2002
- package/server/chunks/vidstack-Db22EuE_.js +0 -207
- package/server/chunks/vidstack-DbvCOsqU.js +0 -107
- package/server/chunks/vidstack-DgHfFDiw.js +0 -1962
- package/server/chunks/vidstack-DhF59-Up.js +0 -4635
- package/server/chunks/vidstack-DnkB7eGO.js +0 -207
- package/server/chunks/vidstack-DoHmOxNm.js +0 -295
- package/server/chunks/vidstack-DsnTqzpL.js +0 -29
- package/server/chunks/vidstack-DzWvfg1d.js +0 -1503
- package/server/chunks/vidstack-FHGkN5xj.js +0 -566
- package/server/chunks/vidstack-PnFpou7g.js +0 -3035
- package/server/chunks/vidstack-f5-aflD2.js +0 -104
- package/server/chunks/vidstack-gEJMQpTE.js +0 -2001
- package/server/chunks/vidstack-n4zAyLEV.js +0 -2139
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
import { isNull, isString, deferredPromise, isBoolean } from './vidstack-C1PwJD_4.js';
|
|
2
|
-
import { isAudioSrc, isVideoSrc } from './vidstack-C6OqdJO7.js';
|
|
3
|
-
|
|
4
|
-
function appendParamsToURL(baseUrl, params) {
|
|
5
|
-
const url = new URL(baseUrl);
|
|
6
|
-
for (const key of Object.keys(params)) {
|
|
7
|
-
url.searchParams.set(key, params[key] + "");
|
|
8
|
-
}
|
|
9
|
-
return url.toString();
|
|
10
|
-
}
|
|
11
|
-
function preconnect(url, rel = "preconnect") {
|
|
12
|
-
const exists = document.querySelector(`link[href="${url}"]`);
|
|
13
|
-
if (!isNull(exists)) return true;
|
|
14
|
-
const link = document.createElement("link");
|
|
15
|
-
link.rel = rel;
|
|
16
|
-
link.href = url;
|
|
17
|
-
link.crossOrigin = "true";
|
|
18
|
-
document.head.append(link);
|
|
19
|
-
return true;
|
|
20
|
-
}
|
|
21
|
-
const pendingRequests = {};
|
|
22
|
-
function loadScript(src) {
|
|
23
|
-
if (pendingRequests[src]) return pendingRequests[src].promise;
|
|
24
|
-
const promise = deferredPromise(), exists = document.querySelector(`script[src="${src}"]`);
|
|
25
|
-
if (!isNull(exists)) {
|
|
26
|
-
promise.resolve();
|
|
27
|
-
return promise.promise;
|
|
28
|
-
}
|
|
29
|
-
pendingRequests[src] = promise;
|
|
30
|
-
const script = document.createElement("script");
|
|
31
|
-
script.src = src;
|
|
32
|
-
script.onload = () => {
|
|
33
|
-
promise.resolve();
|
|
34
|
-
delete pendingRequests[src];
|
|
35
|
-
};
|
|
36
|
-
script.onerror = () => {
|
|
37
|
-
promise.reject();
|
|
38
|
-
delete pendingRequests[src];
|
|
39
|
-
};
|
|
40
|
-
setTimeout(() => document.head.append(script), 0);
|
|
41
|
-
return promise.promise;
|
|
42
|
-
}
|
|
43
|
-
function getRequestCredentials(crossOrigin) {
|
|
44
|
-
return crossOrigin === "use-credentials" ? "include" : isString(crossOrigin) ? "same-origin" : void 0;
|
|
45
|
-
}
|
|
46
|
-
function getDownloadFile({
|
|
47
|
-
title,
|
|
48
|
-
src,
|
|
49
|
-
download
|
|
50
|
-
}) {
|
|
51
|
-
const url = isBoolean(download) || download === "" ? src.src : isString(download) ? download : download?.url;
|
|
52
|
-
if (!isValidFileDownload({ url, src, download })) return null;
|
|
53
|
-
return {
|
|
54
|
-
url,
|
|
55
|
-
name: !isBoolean(download) && !isString(download) && download?.filename || title.toLowerCase() || "media"
|
|
56
|
-
};
|
|
57
|
-
}
|
|
58
|
-
function isValidFileDownload({
|
|
59
|
-
url,
|
|
60
|
-
src,
|
|
61
|
-
download
|
|
62
|
-
}) {
|
|
63
|
-
return isString(url) && (download && download !== true || isAudioSrc(src) || isVideoSrc(src));
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
export { appendParamsToURL, getDownloadFile, getRequestCredentials, loadScript, preconnect };
|
|
@@ -1,254 +0,0 @@
|
|
|
1
|
-
import { EventsTarget, DOMEvent, isString, isArray, isNumber } from './vidstack-C1PwJD_4.js';
|
|
2
|
-
import { getRequestCredentials } from './vidstack-DdTXMZro.js';
|
|
3
|
-
import { isCueActive } from './vidstack-CcQdBWil.js';
|
|
4
|
-
|
|
5
|
-
const CROSS_ORIGIN = Symbol("TEXT_TRACK_CROSS_ORIGIN" ), READY_STATE = Symbol("TEXT_TRACK_READY_STATE" ), UPDATE_ACTIVE_CUES = Symbol("TEXT_TRACK_UPDATE_ACTIVE_CUES" ), CAN_LOAD = Symbol("TEXT_TRACK_CAN_LOAD" ), ON_MODE_CHANGE = Symbol("TEXT_TRACK_ON_MODE_CHANGE" ), NATIVE = Symbol("TEXT_TRACK_NATIVE" ), NATIVE_HLS = Symbol("TEXT_TRACK_NATIVE_HLS" );
|
|
6
|
-
const TextTrackSymbol = {
|
|
7
|
-
crossOrigin: CROSS_ORIGIN,
|
|
8
|
-
readyState: READY_STATE,
|
|
9
|
-
updateActiveCues: UPDATE_ACTIVE_CUES,
|
|
10
|
-
canLoad: CAN_LOAD,
|
|
11
|
-
onModeChange: ON_MODE_CHANGE,
|
|
12
|
-
native: NATIVE,
|
|
13
|
-
nativeHLS: NATIVE_HLS
|
|
14
|
-
};
|
|
15
|
-
|
|
16
|
-
class TextTrack extends EventsTarget {
|
|
17
|
-
static createId(track) {
|
|
18
|
-
return `vds-${track.type}-${track.kind}-${track.src ?? track.label ?? "?"}`;
|
|
19
|
-
}
|
|
20
|
-
src;
|
|
21
|
-
content;
|
|
22
|
-
type;
|
|
23
|
-
encoding;
|
|
24
|
-
id = "";
|
|
25
|
-
label = "";
|
|
26
|
-
language = "";
|
|
27
|
-
kind;
|
|
28
|
-
default = false;
|
|
29
|
-
#canLoad = false;
|
|
30
|
-
#currentTime = 0;
|
|
31
|
-
#mode = "disabled";
|
|
32
|
-
#metadata = {};
|
|
33
|
-
#regions = [];
|
|
34
|
-
#cues = [];
|
|
35
|
-
#activeCues = [];
|
|
36
|
-
#cueIds = /* @__PURE__ */ new Set();
|
|
37
|
-
/** @internal */
|
|
38
|
-
[TextTrackSymbol.readyState] = 0;
|
|
39
|
-
/** @internal */
|
|
40
|
-
[TextTrackSymbol.crossOrigin];
|
|
41
|
-
/** @internal */
|
|
42
|
-
[TextTrackSymbol.onModeChange] = null;
|
|
43
|
-
/** @internal */
|
|
44
|
-
[TextTrackSymbol.native] = null;
|
|
45
|
-
get metadata() {
|
|
46
|
-
return this.#metadata;
|
|
47
|
-
}
|
|
48
|
-
get regions() {
|
|
49
|
-
return this.#regions;
|
|
50
|
-
}
|
|
51
|
-
get cues() {
|
|
52
|
-
return this.#cues;
|
|
53
|
-
}
|
|
54
|
-
get activeCues() {
|
|
55
|
-
return this.#activeCues;
|
|
56
|
-
}
|
|
57
|
-
/**
|
|
58
|
-
* - 0: Not Loading
|
|
59
|
-
* - 1: Loading
|
|
60
|
-
* - 2: Ready
|
|
61
|
-
* - 3: Error
|
|
62
|
-
*/
|
|
63
|
-
get readyState() {
|
|
64
|
-
return this[TextTrackSymbol.readyState];
|
|
65
|
-
}
|
|
66
|
-
get mode() {
|
|
67
|
-
return this.#mode;
|
|
68
|
-
}
|
|
69
|
-
set mode(mode) {
|
|
70
|
-
this.setMode(mode);
|
|
71
|
-
}
|
|
72
|
-
constructor(init) {
|
|
73
|
-
super();
|
|
74
|
-
for (const prop of Object.keys(init)) this[prop] = init[prop];
|
|
75
|
-
if (!this.type) this.type = "vtt";
|
|
76
|
-
if (init.content) {
|
|
77
|
-
this.#parseContent(init);
|
|
78
|
-
} else if (!init.src) {
|
|
79
|
-
this[TextTrackSymbol.readyState] = 2;
|
|
80
|
-
}
|
|
81
|
-
if (isTrackCaptionKind(this) && !this.label) {
|
|
82
|
-
console.warn(`[vidstack] captions text track created without label: \`${this.src}\``);
|
|
83
|
-
}
|
|
84
|
-
}
|
|
85
|
-
addCue(cue, trigger) {
|
|
86
|
-
if (cue.id) {
|
|
87
|
-
if (this.#cueIds.has(cue.id)) return;
|
|
88
|
-
this.#cueIds.add(cue.id);
|
|
89
|
-
}
|
|
90
|
-
let i = 0, length = this.#cues.length;
|
|
91
|
-
for (i = 0; i < length; i++) if (cue.endTime <= this.#cues[i].startTime) break;
|
|
92
|
-
if (i === length) this.#cues.push(cue);
|
|
93
|
-
else this.#cues.splice(i, 0, cue);
|
|
94
|
-
if (!(cue instanceof TextTrackCue)) {
|
|
95
|
-
this[TextTrackSymbol.native]?.track.addCue(cue);
|
|
96
|
-
}
|
|
97
|
-
this.dispatchEvent(new DOMEvent("add-cue", { detail: cue, trigger }));
|
|
98
|
-
if (isCueActive(cue, this.#currentTime)) {
|
|
99
|
-
this[TextTrackSymbol.updateActiveCues](this.#currentTime, trigger);
|
|
100
|
-
}
|
|
101
|
-
}
|
|
102
|
-
removeCue(cue, trigger) {
|
|
103
|
-
const index = this.#cues.indexOf(cue);
|
|
104
|
-
if (index >= 0) {
|
|
105
|
-
const isActive = this.#activeCues.includes(cue);
|
|
106
|
-
if (cue.id) this.#cueIds.delete(cue.id);
|
|
107
|
-
this.#cues.splice(index, 1);
|
|
108
|
-
this[TextTrackSymbol.native]?.track.removeCue(cue);
|
|
109
|
-
this.dispatchEvent(new DOMEvent("remove-cue", { detail: cue, trigger }));
|
|
110
|
-
if (isActive) {
|
|
111
|
-
this[TextTrackSymbol.updateActiveCues](this.#currentTime, trigger);
|
|
112
|
-
}
|
|
113
|
-
}
|
|
114
|
-
}
|
|
115
|
-
setMode(mode, trigger) {
|
|
116
|
-
if (this.#mode === mode) return;
|
|
117
|
-
this.#mode = mode;
|
|
118
|
-
if (mode === "disabled") {
|
|
119
|
-
this.#activeCues = [];
|
|
120
|
-
this.#activeCuesChanged();
|
|
121
|
-
} else if (this.readyState === 2) {
|
|
122
|
-
this[TextTrackSymbol.updateActiveCues](this.#currentTime, trigger);
|
|
123
|
-
} else {
|
|
124
|
-
this.#load();
|
|
125
|
-
}
|
|
126
|
-
this.dispatchEvent(new DOMEvent("mode-change", { detail: this, trigger }));
|
|
127
|
-
this[TextTrackSymbol.onModeChange]?.();
|
|
128
|
-
}
|
|
129
|
-
/** @internal */
|
|
130
|
-
[TextTrackSymbol.updateActiveCues](currentTime, trigger) {
|
|
131
|
-
this.#currentTime = currentTime;
|
|
132
|
-
if (this.mode === "disabled" || !this.#cues.length) return;
|
|
133
|
-
const activeCues = [];
|
|
134
|
-
for (let i = 0, length = this.#cues.length; i < length; i++) {
|
|
135
|
-
const cue = this.#cues[i];
|
|
136
|
-
if (isCueActive(cue, currentTime)) activeCues.push(cue);
|
|
137
|
-
}
|
|
138
|
-
let changed = activeCues.length !== this.#activeCues.length;
|
|
139
|
-
if (!changed) {
|
|
140
|
-
for (let i = 0; i < activeCues.length; i++) {
|
|
141
|
-
if (!this.#activeCues.includes(activeCues[i])) {
|
|
142
|
-
changed = true;
|
|
143
|
-
break;
|
|
144
|
-
}
|
|
145
|
-
}
|
|
146
|
-
}
|
|
147
|
-
this.#activeCues = activeCues;
|
|
148
|
-
if (changed) this.#activeCuesChanged(trigger);
|
|
149
|
-
}
|
|
150
|
-
/** @internal */
|
|
151
|
-
[TextTrackSymbol.canLoad]() {
|
|
152
|
-
this.#canLoad = true;
|
|
153
|
-
if (this.#mode !== "disabled") this.#load();
|
|
154
|
-
}
|
|
155
|
-
#parseContent(init) {
|
|
156
|
-
import('media-captions').then(({ parseText, VTTCue, VTTRegion }) => {
|
|
157
|
-
if (!isString(init.content) || init.type === "json") {
|
|
158
|
-
this.#parseJSON(init.content, VTTCue, VTTRegion);
|
|
159
|
-
if (this.readyState !== 3) this.#ready();
|
|
160
|
-
} else {
|
|
161
|
-
const content = init.content.split("\n").map((line) => line.trim()).join("\n").trim();
|
|
162
|
-
parseText(content, { type: init.type }).then(({ cues, regions }) => {
|
|
163
|
-
this.#cues = cues;
|
|
164
|
-
this.#regions = regions;
|
|
165
|
-
this.#ready();
|
|
166
|
-
});
|
|
167
|
-
}
|
|
168
|
-
});
|
|
169
|
-
}
|
|
170
|
-
async #load() {
|
|
171
|
-
if (!this.#canLoad || this[TextTrackSymbol.readyState] > 0) return;
|
|
172
|
-
this[TextTrackSymbol.readyState] = 1;
|
|
173
|
-
this.dispatchEvent(new DOMEvent("load-start"));
|
|
174
|
-
if (!this.src) {
|
|
175
|
-
this.#ready();
|
|
176
|
-
return;
|
|
177
|
-
}
|
|
178
|
-
try {
|
|
179
|
-
const { parseResponse, VTTCue, VTTRegion } = await import('media-captions'), crossOrigin = this[TextTrackSymbol.crossOrigin]?.();
|
|
180
|
-
const response = fetch(this.src, {
|
|
181
|
-
headers: this.type === "json" ? { "Content-Type": "application/json" } : void 0,
|
|
182
|
-
credentials: getRequestCredentials(crossOrigin)
|
|
183
|
-
});
|
|
184
|
-
if (this.type === "json") {
|
|
185
|
-
this.#parseJSON(await (await response).text(), VTTCue, VTTRegion);
|
|
186
|
-
} else {
|
|
187
|
-
const { errors, metadata, regions, cues } = await parseResponse(response, {
|
|
188
|
-
type: this.type,
|
|
189
|
-
encoding: this.encoding
|
|
190
|
-
});
|
|
191
|
-
if (errors[0]?.code === 0) {
|
|
192
|
-
throw errors[0];
|
|
193
|
-
} else {
|
|
194
|
-
this.#metadata = metadata;
|
|
195
|
-
this.#regions = regions;
|
|
196
|
-
this.#cues = cues;
|
|
197
|
-
}
|
|
198
|
-
}
|
|
199
|
-
this.#ready();
|
|
200
|
-
} catch (error) {
|
|
201
|
-
this.#error(error);
|
|
202
|
-
}
|
|
203
|
-
}
|
|
204
|
-
#ready() {
|
|
205
|
-
this[TextTrackSymbol.readyState] = 2;
|
|
206
|
-
if (!this.src || this.type !== "vtt") {
|
|
207
|
-
const native = this[TextTrackSymbol.native];
|
|
208
|
-
if (native && !native.managed) {
|
|
209
|
-
for (const cue of this.#cues) native.track.addCue(cue);
|
|
210
|
-
}
|
|
211
|
-
}
|
|
212
|
-
const loadEvent = new DOMEvent("load");
|
|
213
|
-
this[TextTrackSymbol.updateActiveCues](this.#currentTime, loadEvent);
|
|
214
|
-
this.dispatchEvent(loadEvent);
|
|
215
|
-
}
|
|
216
|
-
#error(error) {
|
|
217
|
-
this[TextTrackSymbol.readyState] = 3;
|
|
218
|
-
this.dispatchEvent(new DOMEvent("error", { detail: error }));
|
|
219
|
-
}
|
|
220
|
-
#parseJSON(json, VTTCue, VTTRegion) {
|
|
221
|
-
try {
|
|
222
|
-
const { regions, cues } = parseJSONCaptionsFile(json, VTTCue, VTTRegion);
|
|
223
|
-
this.#regions = regions;
|
|
224
|
-
this.#cues = cues;
|
|
225
|
-
} catch (error) {
|
|
226
|
-
{
|
|
227
|
-
console.error(`[vidstack] failed to parse JSON captions at: \`${this.src}\`
|
|
228
|
-
|
|
229
|
-
`, error);
|
|
230
|
-
}
|
|
231
|
-
this.#error(error);
|
|
232
|
-
}
|
|
233
|
-
}
|
|
234
|
-
#activeCuesChanged(trigger) {
|
|
235
|
-
this.dispatchEvent(new DOMEvent("cue-change", { trigger }));
|
|
236
|
-
}
|
|
237
|
-
}
|
|
238
|
-
const captionRE = /captions|subtitles/;
|
|
239
|
-
function isTrackCaptionKind(track) {
|
|
240
|
-
return captionRE.test(track.kind);
|
|
241
|
-
}
|
|
242
|
-
function parseJSONCaptionsFile(json, Cue, Region) {
|
|
243
|
-
const content = isString(json) ? JSON.parse(json) : json;
|
|
244
|
-
let regions = [], cues = [];
|
|
245
|
-
if (content.regions && Region) {
|
|
246
|
-
regions = content.regions.map((region) => Object.assign(new Region(), region));
|
|
247
|
-
}
|
|
248
|
-
if (content.cues || isArray(content)) {
|
|
249
|
-
cues = (isArray(content) ? content : content.cues).filter((content2) => isNumber(content2.startTime) && isNumber(content2.endTime)).map((cue) => Object.assign(new Cue(0, 0, ""), cue));
|
|
250
|
-
}
|
|
251
|
-
return { regions, cues };
|
|
252
|
-
}
|
|
253
|
-
|
|
254
|
-
export { TextTrack, TextTrackSymbol, isTrackCaptionKind, parseJSONCaptionsFile };
|