@hanifhan1f/vidstack 1.12.34 → 1.12.36
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,109 +0,0 @@
|
|
|
1
|
-
import { IS_CHROME, IS_IOS, canGoogleCastSrc } from './vidstack-bdt7uOlN.js';
|
|
2
|
-
import { loadScript } from './vidstack-V1jwkH0s.js';
|
|
3
|
-
import { getCastContext, getCastSession, isCastConnected, hasLoadedCastFramework, getCastFrameworkURL, isCastAvailable, getCastErrorMessage, getDefaultCastOptions } from './vidstack-9_r3lWNO.js';
|
|
4
|
-
import { peek } from './vidstack-BNpgCJJ1.js';
|
|
5
|
-
|
|
6
|
-
class GoogleCastLoader {
|
|
7
|
-
name = "google-cast";
|
|
8
|
-
target;
|
|
9
|
-
#player;
|
|
10
|
-
/**
|
|
11
|
-
* @see {@link https://developers.google.com/cast/docs/reference/web_sender/cast.framework.CastContext}
|
|
12
|
-
*/
|
|
13
|
-
get cast() {
|
|
14
|
-
return getCastContext();
|
|
15
|
-
}
|
|
16
|
-
mediaType() {
|
|
17
|
-
return "video";
|
|
18
|
-
}
|
|
19
|
-
canPlay(src) {
|
|
20
|
-
return IS_CHROME && !IS_IOS && canGoogleCastSrc(src);
|
|
21
|
-
}
|
|
22
|
-
async prompt(ctx) {
|
|
23
|
-
let loadEvent, openEvent, errorEvent;
|
|
24
|
-
try {
|
|
25
|
-
loadEvent = await this.#loadCastFramework(ctx);
|
|
26
|
-
if (!this.#player) {
|
|
27
|
-
this.#player = new cast.framework.RemotePlayer();
|
|
28
|
-
new cast.framework.RemotePlayerController(this.#player);
|
|
29
|
-
}
|
|
30
|
-
openEvent = ctx.player.createEvent("google-cast-prompt-open", {
|
|
31
|
-
trigger: loadEvent
|
|
32
|
-
});
|
|
33
|
-
ctx.player.dispatchEvent(openEvent);
|
|
34
|
-
this.#notifyRemoteStateChange(ctx, "connecting", openEvent);
|
|
35
|
-
await this.#showPrompt(peek(ctx.$props.googleCast));
|
|
36
|
-
ctx.$state.remotePlaybackInfo.set({
|
|
37
|
-
deviceName: getCastSession()?.getCastDevice().friendlyName
|
|
38
|
-
});
|
|
39
|
-
if (isCastConnected()) this.#notifyRemoteStateChange(ctx, "connected", openEvent);
|
|
40
|
-
} catch (code) {
|
|
41
|
-
const error = code instanceof Error ? code : this.#createError(
|
|
42
|
-
(code + "").toUpperCase(),
|
|
43
|
-
"Prompt failed."
|
|
44
|
-
);
|
|
45
|
-
errorEvent = ctx.player.createEvent("google-cast-prompt-error", {
|
|
46
|
-
detail: error,
|
|
47
|
-
trigger: openEvent ?? loadEvent,
|
|
48
|
-
cancelable: true
|
|
49
|
-
});
|
|
50
|
-
ctx.player.dispatch(errorEvent);
|
|
51
|
-
this.#notifyRemoteStateChange(
|
|
52
|
-
ctx,
|
|
53
|
-
isCastConnected() ? "connected" : "disconnected",
|
|
54
|
-
errorEvent
|
|
55
|
-
);
|
|
56
|
-
throw error;
|
|
57
|
-
} finally {
|
|
58
|
-
ctx.player.dispatch("google-cast-prompt-close", {
|
|
59
|
-
trigger: errorEvent ?? openEvent ?? loadEvent
|
|
60
|
-
});
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
|
-
async load(ctx) {
|
|
64
|
-
if (!this.#player) {
|
|
65
|
-
throw Error("[vidstack] google cast player was not initialized");
|
|
66
|
-
}
|
|
67
|
-
return new (await import('../providers/vidstack-google-cast.js')).GoogleCastProvider(this.#player, ctx);
|
|
68
|
-
}
|
|
69
|
-
async #loadCastFramework(ctx) {
|
|
70
|
-
if (hasLoadedCastFramework()) return;
|
|
71
|
-
const loadStartEvent = ctx.player.createEvent("google-cast-load-start");
|
|
72
|
-
ctx.player.dispatch(loadStartEvent);
|
|
73
|
-
await loadScript(getCastFrameworkURL());
|
|
74
|
-
await customElements.whenDefined("google-cast-launcher");
|
|
75
|
-
const loadedEvent = ctx.player.createEvent("google-cast-loaded", { trigger: loadStartEvent });
|
|
76
|
-
ctx.player.dispatch(loadedEvent);
|
|
77
|
-
if (!isCastAvailable()) {
|
|
78
|
-
throw this.#createError("CAST_NOT_AVAILABLE", "Google Cast not available on this platform.");
|
|
79
|
-
}
|
|
80
|
-
return loadedEvent;
|
|
81
|
-
}
|
|
82
|
-
async #showPrompt(options) {
|
|
83
|
-
this.#setOptions(options);
|
|
84
|
-
const errorCode = await this.cast.requestSession();
|
|
85
|
-
if (errorCode) {
|
|
86
|
-
throw this.#createError(
|
|
87
|
-
errorCode.toUpperCase(),
|
|
88
|
-
getCastErrorMessage(errorCode)
|
|
89
|
-
);
|
|
90
|
-
}
|
|
91
|
-
}
|
|
92
|
-
#setOptions(options) {
|
|
93
|
-
this.cast?.setOptions({
|
|
94
|
-
...getDefaultCastOptions(),
|
|
95
|
-
...options
|
|
96
|
-
});
|
|
97
|
-
}
|
|
98
|
-
#notifyRemoteStateChange(ctx, state, trigger) {
|
|
99
|
-
const detail = { type: "google-cast", state };
|
|
100
|
-
ctx.notify("remote-playback-change", detail, trigger);
|
|
101
|
-
}
|
|
102
|
-
#createError(code, message) {
|
|
103
|
-
const error = Error(message);
|
|
104
|
-
error.code = code;
|
|
105
|
-
return error;
|
|
106
|
-
}
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
export { GoogleCastLoader };
|
|
@@ -1,201 +0,0 @@
|
|
|
1
|
-
import { Host, effect, setAttribute, isString, useState, BOOLEAN } from './vidstack-BNpgCJJ1.js';
|
|
2
|
-
import { Thumbnail, Time, AirPlayButton, CaptionButton, FullscreenButton, LiveButton, MuteButton, PIPButton, PlayButton, SeekButton, AudioRadioGroup, CaptionsRadioGroup, Menu, MenuButton, MenuItem, MenuItems, SpeedRadioGroup, QualityRadioGroup, Radio, Slider, SliderValue, TimeSlider, SliderPreview, VolumeSlider } from './vidstack-BexQYZop.js';
|
|
3
|
-
import { cloneTemplateContent, createTemplate, requestScopedAnimationFrame, cloneTemplate } from './vidstack-DB9WDRL5.js';
|
|
4
|
-
import { useMediaContext } from './vidstack-tt3O1zL6.js';
|
|
5
|
-
|
|
6
|
-
const imgTemplate = /* @__PURE__ */ createTemplate(
|
|
7
|
-
'<img loading="eager" decoding="async" aria-hidden="true">'
|
|
8
|
-
);
|
|
9
|
-
class MediaThumbnailElement extends Host(HTMLElement, Thumbnail) {
|
|
10
|
-
static tagName = "media-thumbnail";
|
|
11
|
-
static attrs = {
|
|
12
|
-
crossOrigin: "crossorigin"
|
|
13
|
-
};
|
|
14
|
-
#media;
|
|
15
|
-
#img = this.#createImg();
|
|
16
|
-
onSetup() {
|
|
17
|
-
this.#media = useMediaContext();
|
|
18
|
-
this.$state.img.set(this.#img);
|
|
19
|
-
}
|
|
20
|
-
onConnect() {
|
|
21
|
-
const { src, crossOrigin } = this.$state;
|
|
22
|
-
if (this.#img.parentNode !== this) {
|
|
23
|
-
this.prepend(this.#img);
|
|
24
|
-
}
|
|
25
|
-
effect(() => {
|
|
26
|
-
setAttribute(this.#img, "src", src());
|
|
27
|
-
setAttribute(this.#img, "crossorigin", crossOrigin());
|
|
28
|
-
});
|
|
29
|
-
}
|
|
30
|
-
#createImg() {
|
|
31
|
-
return cloneTemplateContent(imgTemplate);
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
class MediaTimeElement extends Host(HTMLElement, Time) {
|
|
36
|
-
static tagName = "media-time";
|
|
37
|
-
onConnect() {
|
|
38
|
-
effect(() => {
|
|
39
|
-
this.textContent = this.$state.timeText();
|
|
40
|
-
});
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
class MediaAirPlayButtonElement extends Host(HTMLElement, AirPlayButton) {
|
|
45
|
-
static tagName = "media-airplay-button";
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
class MediaCaptionButtonElement extends Host(HTMLElement, CaptionButton) {
|
|
49
|
-
static tagName = "media-caption-button";
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
class MediaFullscreenButtonElement extends Host(HTMLElement, FullscreenButton) {
|
|
53
|
-
static tagName = "media-fullscreen-button";
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
class MediaLiveButtonElement extends Host(HTMLElement, LiveButton) {
|
|
57
|
-
static tagName = "media-live-button";
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
class MediaMuteButtonElement extends Host(HTMLElement, MuteButton) {
|
|
61
|
-
static tagName = "media-mute-button";
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
class MediaPIPButtonElement extends Host(HTMLElement, PIPButton) {
|
|
65
|
-
static tagName = "media-pip-button";
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
class MediaPlayButtonElement extends Host(HTMLElement, PlayButton) {
|
|
69
|
-
static tagName = "media-play-button";
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
class MediaSeekButtonElement extends Host(HTMLElement, SeekButton) {
|
|
73
|
-
static tagName = "media-seek-button";
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
function renderMenuItemsTemplate(el, onCreate) {
|
|
77
|
-
requestScopedAnimationFrame(() => {
|
|
78
|
-
if (!el.connectScope) return;
|
|
79
|
-
const template = el.querySelector("template");
|
|
80
|
-
if (!template) return;
|
|
81
|
-
effect(() => {
|
|
82
|
-
const options = el.getOptions();
|
|
83
|
-
cloneTemplate(template, options.length, (radio, i) => {
|
|
84
|
-
const { label, value } = options[i], labelEl = radio.querySelector(`[data-part="label"]`);
|
|
85
|
-
radio.setAttribute("value", value);
|
|
86
|
-
if (labelEl) {
|
|
87
|
-
if (isString(label)) {
|
|
88
|
-
labelEl.textContent = label;
|
|
89
|
-
} else {
|
|
90
|
-
effect(() => {
|
|
91
|
-
labelEl.textContent = label();
|
|
92
|
-
});
|
|
93
|
-
}
|
|
94
|
-
}
|
|
95
|
-
onCreate?.(radio, options[i], i);
|
|
96
|
-
});
|
|
97
|
-
});
|
|
98
|
-
});
|
|
99
|
-
}
|
|
100
|
-
|
|
101
|
-
class MediaAudioRadioGroupElement extends Host(HTMLElement, AudioRadioGroup) {
|
|
102
|
-
static tagName = "media-audio-radio-group";
|
|
103
|
-
onConnect() {
|
|
104
|
-
renderMenuItemsTemplate(this);
|
|
105
|
-
}
|
|
106
|
-
}
|
|
107
|
-
|
|
108
|
-
class MediaCaptionsRadioGroupElement extends Host(HTMLElement, CaptionsRadioGroup) {
|
|
109
|
-
static tagName = "media-captions-radio-group";
|
|
110
|
-
onConnect() {
|
|
111
|
-
renderMenuItemsTemplate(this);
|
|
112
|
-
}
|
|
113
|
-
}
|
|
114
|
-
|
|
115
|
-
class MediaMenuElement extends Host(HTMLElement, Menu) {
|
|
116
|
-
static tagName = "media-menu";
|
|
117
|
-
}
|
|
118
|
-
|
|
119
|
-
class MediaMenuButtonElement extends Host(HTMLElement, MenuButton) {
|
|
120
|
-
static tagName = "media-menu-button";
|
|
121
|
-
}
|
|
122
|
-
|
|
123
|
-
class MediaMenuItemElement extends Host(HTMLElement, MenuItem) {
|
|
124
|
-
static tagName = "media-menu-item";
|
|
125
|
-
}
|
|
126
|
-
|
|
127
|
-
class MediaMenuItemsElement extends Host(HTMLElement, MenuItems) {
|
|
128
|
-
static tagName = "media-menu-items";
|
|
129
|
-
}
|
|
130
|
-
|
|
131
|
-
class MediaSpeedRadioGroupElement extends Host(HTMLElement, SpeedRadioGroup) {
|
|
132
|
-
static tagName = "media-speed-radio-group";
|
|
133
|
-
onConnect() {
|
|
134
|
-
renderMenuItemsTemplate(this);
|
|
135
|
-
}
|
|
136
|
-
}
|
|
137
|
-
|
|
138
|
-
class MediaQualityRadioGroupElement extends Host(HTMLElement, QualityRadioGroup) {
|
|
139
|
-
static tagName = "media-quality-radio-group";
|
|
140
|
-
onConnect() {
|
|
141
|
-
renderMenuItemsTemplate(this, (el, option) => {
|
|
142
|
-
const bitrate = option.bitrate, bitrateEl = el.querySelector('[data-part="bitrate"]');
|
|
143
|
-
if (bitrate && bitrateEl) {
|
|
144
|
-
effect(() => {
|
|
145
|
-
bitrateEl.textContent = bitrate() || "";
|
|
146
|
-
});
|
|
147
|
-
}
|
|
148
|
-
});
|
|
149
|
-
}
|
|
150
|
-
}
|
|
151
|
-
|
|
152
|
-
class MediaRadioElement extends Host(HTMLElement, Radio) {
|
|
153
|
-
static tagName = "media-radio";
|
|
154
|
-
}
|
|
155
|
-
|
|
156
|
-
class MediaSliderThumbnailElement extends MediaThumbnailElement {
|
|
157
|
-
static tagName = "media-slider-thumbnail";
|
|
158
|
-
#media;
|
|
159
|
-
#slider;
|
|
160
|
-
onSetup() {
|
|
161
|
-
super.onSetup();
|
|
162
|
-
this.#media = useMediaContext();
|
|
163
|
-
this.#slider = useState(Slider.state);
|
|
164
|
-
}
|
|
165
|
-
onConnect() {
|
|
166
|
-
super.onConnect();
|
|
167
|
-
effect(this.#watchTime.bind(this));
|
|
168
|
-
}
|
|
169
|
-
#watchTime() {
|
|
170
|
-
const { duration, clipStartTime } = this.#media.$state;
|
|
171
|
-
this.time = clipStartTime() + this.#slider.pointerRate() * duration();
|
|
172
|
-
}
|
|
173
|
-
}
|
|
174
|
-
|
|
175
|
-
class MediaSliderValueElement extends Host(HTMLElement, SliderValue) {
|
|
176
|
-
static tagName = "media-slider-value";
|
|
177
|
-
static attrs = {
|
|
178
|
-
padMinutes: {
|
|
179
|
-
converter: BOOLEAN
|
|
180
|
-
}
|
|
181
|
-
};
|
|
182
|
-
onConnect() {
|
|
183
|
-
effect(() => {
|
|
184
|
-
this.textContent = this.getValueText();
|
|
185
|
-
});
|
|
186
|
-
}
|
|
187
|
-
}
|
|
188
|
-
|
|
189
|
-
class MediaTimeSliderElement extends Host(HTMLElement, TimeSlider) {
|
|
190
|
-
static tagName = "media-time-slider";
|
|
191
|
-
}
|
|
192
|
-
|
|
193
|
-
class MediaSliderPreviewElement extends Host(HTMLElement, SliderPreview) {
|
|
194
|
-
static tagName = "media-slider-preview";
|
|
195
|
-
}
|
|
196
|
-
|
|
197
|
-
class MediaVolumeSliderElement extends Host(HTMLElement, VolumeSlider) {
|
|
198
|
-
static tagName = "media-volume-slider";
|
|
199
|
-
}
|
|
200
|
-
|
|
201
|
-
export { MediaAirPlayButtonElement, MediaAudioRadioGroupElement, MediaCaptionButtonElement, MediaCaptionsRadioGroupElement, MediaFullscreenButtonElement, MediaLiveButtonElement, MediaMenuButtonElement, MediaMenuElement, MediaMenuItemElement, MediaMenuItemsElement, MediaMuteButtonElement, MediaPIPButtonElement, MediaPlayButtonElement, MediaQualityRadioGroupElement, MediaRadioElement, MediaSeekButtonElement, MediaSliderPreviewElement, MediaSliderThumbnailElement, MediaSliderValueElement, MediaSpeedRadioGroupElement, MediaThumbnailElement, MediaTimeElement, MediaTimeSliderElement, MediaVolumeSliderElement, renderMenuItemsTemplate };
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
import { signal, effect, listenEvent, EventsController } from './vidstack-BNpgCJJ1.js';
|
|
2
|
-
import './vidstack-bdt7uOlN.js';
|
|
3
|
-
|
|
4
|
-
class HTMLRemotePlaybackAdapter {
|
|
5
|
-
#media;
|
|
6
|
-
#ctx;
|
|
7
|
-
#state;
|
|
8
|
-
#supported = signal(false);
|
|
9
|
-
get supported() {
|
|
10
|
-
return this.#supported();
|
|
11
|
-
}
|
|
12
|
-
constructor(media, ctx) {
|
|
13
|
-
this.#media = media;
|
|
14
|
-
this.#ctx = ctx;
|
|
15
|
-
this.#setup();
|
|
16
|
-
}
|
|
17
|
-
#setup() {
|
|
18
|
-
if (!this.#media?.remote || !this.canPrompt) return;
|
|
19
|
-
this.#media.remote.watchAvailability((available) => {
|
|
20
|
-
this.#supported.set(available);
|
|
21
|
-
}).catch(() => {
|
|
22
|
-
this.#supported.set(false);
|
|
23
|
-
});
|
|
24
|
-
effect(this.#watchSupported.bind(this));
|
|
25
|
-
}
|
|
26
|
-
#watchSupported() {
|
|
27
|
-
if (!this.#supported()) return;
|
|
28
|
-
const events = ["connecting", "connect", "disconnect"], onStateChange = this.#onStateChange.bind(this);
|
|
29
|
-
onStateChange();
|
|
30
|
-
listenEvent(this.#media, "playing", onStateChange);
|
|
31
|
-
const remoteEvents = new EventsController(this.#media.remote);
|
|
32
|
-
for (const type of events) {
|
|
33
|
-
remoteEvents.add(type, onStateChange);
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
async prompt() {
|
|
37
|
-
if (!this.supported) throw Error("Not supported on this platform.");
|
|
38
|
-
if (this.type === "airplay" && this.#media.webkitShowPlaybackTargetPicker) {
|
|
39
|
-
return this.#media.webkitShowPlaybackTargetPicker();
|
|
40
|
-
}
|
|
41
|
-
return this.#media.remote.prompt();
|
|
42
|
-
}
|
|
43
|
-
#onStateChange(event) {
|
|
44
|
-
const state = this.#media.remote.state;
|
|
45
|
-
if (state === this.#state) return;
|
|
46
|
-
const detail = { type: this.type, state };
|
|
47
|
-
this.#ctx.notify("remote-playback-change", detail, event);
|
|
48
|
-
this.#state = state;
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
class HTMLAirPlayAdapter extends HTMLRemotePlaybackAdapter {
|
|
52
|
-
type = "airplay";
|
|
53
|
-
get canPrompt() {
|
|
54
|
-
return "WebKitPlaybackTargetAvailabilityEvent" in window;
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
export { HTMLAirPlayAdapter };
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
import { isNull, isString, deferredPromise, isBoolean } from './vidstack-BNpgCJJ1.js';
|
|
2
|
-
import { isAudioSrc, isVideoSrc } from './vidstack-bdt7uOlN.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 };
|