@hanifhan1f/vidstack 1.12.19 → 1.12.24
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/chunks/vidstack-BF7lZRtq.js +3 -0
- package/cdn/chunks/vidstack-BYpysj84.js +1 -0
- package/cdn/chunks/vidstack-C1FlyyzK.js +1 -0
- package/cdn/chunks/vidstack-Cj0I-Rec.js +1 -0
- package/cdn/chunks/vidstack-D84Fzc__.js +16 -0
- package/cdn/chunks/vidstack-DQvyz7Mm.js +1 -0
- package/cdn/chunks/vidstack-Dd9fqVv6.js +1 -0
- package/cdn/chunks/vidstack-uMxrPflF.js +1 -0
- package/cdn/chunks/vidstack-zemsqC5d.js +1 -0
- package/cdn/providers/vidstack-audio-BOGYlExy.js +1 -0
- package/cdn/providers/vidstack-dash-D4ZARr66.js +1 -0
- package/cdn/providers/vidstack-hls-8-552IuX.js +1 -0
- package/cdn/providers/vidstack-html-BvVaN2VT.js +1 -0
- package/cdn/providers/vidstack-video-BnwQZKER.js +1 -0
- package/cdn/providers/vidstack-vimeo-gJmBqtLK.js +1 -0
- package/cdn/providers/vidstack-youtube-Chl_dTAz.js +1 -0
- package/cdn/vidstack.js +1 -1
- package/cdn/with-layouts/chunks/vidstack-4liSokT6.js +1 -0
- package/cdn/with-layouts/chunks/vidstack-B97B8XDc.js +3 -0
- package/cdn/with-layouts/chunks/vidstack-BbFHhcVG.js +1 -0
- package/cdn/with-layouts/chunks/vidstack-CXEcXyBI.js +1 -0
- package/cdn/with-layouts/chunks/vidstack-Ciq-n5rg.js +1 -0
- package/cdn/with-layouts/chunks/vidstack-CmuGllcj.js +1 -0
- package/cdn/with-layouts/chunks/vidstack-CyNByJUW.js +912 -0
- package/cdn/with-layouts/chunks/vidstack-DhNpv7SU.js +1 -0
- package/cdn/with-layouts/providers/vidstack-audio-CwoQJvl2.js +1 -0
- package/cdn/with-layouts/providers/vidstack-dash-CJsKJfLI.js +1 -0
- package/cdn/with-layouts/providers/vidstack-hls-ji26kFdQ.js +1 -0
- package/cdn/with-layouts/providers/vidstack-html-BvHMxtoe.js +1 -0
- package/cdn/with-layouts/providers/vidstack-video-1Uj5cNP2.js +1 -0
- package/cdn/with-layouts/providers/vidstack-vimeo-DACTbJaQ.js +1 -0
- package/cdn/with-layouts/providers/vidstack-youtube-RoLp-I6u.js +1 -0
- package/cdn/with-layouts/vidstack.js +1 -1
- package/dev/chunks/vidstack-0XhA3AD_.js +5181 -0
- package/dev/chunks/vidstack-5oWWZmVl.js +58 -0
- package/dev/chunks/vidstack-BnBLcaA5.js +115 -0
- package/dev/chunks/vidstack-Bo8BNFJ2.js +2986 -0
- package/dev/chunks/vidstack-C3N4zIuV.js +254 -0
- package/dev/chunks/vidstack-CAL4iu_K.js +1482 -0
- package/dev/chunks/vidstack-CGyAjz8G.js +58 -0
- package/dev/chunks/vidstack-CJCnHmKE.js +104 -0
- package/dev/chunks/vidstack-CzCQJ29U.js +107 -0
- package/dev/chunks/vidstack-DD_3HszA.js +1520 -0
- package/dev/chunks/vidstack-DV4g4XvL.js +33 -0
- package/dev/chunks/vidstack-D_LvMxPr.js +204 -0
- package/dev/chunks/vidstack-DdTXMZro.js +66 -0
- package/dev/chunks/vidstack-DrczgsqN.js +297 -0
- package/dev/chunks/vidstack-gF_qqvCK.js +109 -0
- package/dev/define/plyr-layout.js +7 -7
- package/dev/define/templates/plyr-layout.js +2 -2
- package/dev/define/templates/vidstack-audio-layout.js +3 -3
- package/dev/define/templates/vidstack-video-layout.js +7 -9
- package/dev/define/vidstack-player-default-layout.js +3 -3
- package/dev/define/vidstack-player-layouts.js +3 -3
- package/dev/define/vidstack-player-ui.js +9 -9
- package/dev/define/vidstack-player.js +5 -5
- package/dev/global/plyr.js +9 -9
- package/dev/global/vidstack-player.js +6 -6
- package/dev/providers/vidstack-audio.js +2 -2
- package/dev/providers/vidstack-dash.js +4 -4
- package/dev/providers/vidstack-hls.js +4 -4
- package/dev/providers/vidstack-html.js +1 -1
- package/dev/providers/vidstack-video.js +4 -4
- package/dev/providers/vidstack-vimeo.js +4 -4
- package/dev/providers/vidstack-youtube.js +3 -3
- package/dev/vidstack-elements.js +12 -12
- package/dev/vidstack.js +9 -9
- package/package.json +1 -1
- package/player/styles/default/layouts/video.css +113 -79
- package/prod/chunks/vidstack-BAqdCFIm.js +4771 -0
- package/prod/chunks/vidstack-BRnfTkxi.js +297 -0
- package/prod/chunks/vidstack-BexQYZop.js +2976 -0
- package/prod/chunks/vidstack-Bf1Q6kqO.js +109 -0
- package/prod/chunks/vidstack-Bn9yLryd.js +58 -0
- package/prod/chunks/vidstack-C4PTiuot.js +107 -0
- package/prod/chunks/vidstack-DMDDSV3t.js +104 -0
- package/prod/chunks/vidstack-Dg71uhRc.js +58 -0
- package/prod/chunks/vidstack-DlLwMLBL.js +33 -0
- package/prod/chunks/vidstack-KShKSmYu.js +66 -0
- package/prod/chunks/vidstack-ShUhyBfI.js +201 -0
- package/prod/chunks/vidstack-V9U6gsde.js +1482 -0
- package/prod/chunks/vidstack-kdaDngIm.js +1520 -0
- package/prod/chunks/vidstack-oNEzlviH.js +246 -0
- package/prod/chunks/vidstack-wTTCvdqe.js +115 -0
- package/prod/define/plyr-layout.js +7 -7
- package/prod/define/templates/plyr-layout.js +2 -2
- package/prod/define/templates/vidstack-audio-layout.js +3 -3
- package/prod/define/templates/vidstack-video-layout.js +7 -9
- package/prod/define/vidstack-player-default-layout.js +3 -3
- package/prod/define/vidstack-player-layouts.js +3 -3
- package/prod/define/vidstack-player-ui.js +9 -9
- package/prod/define/vidstack-player.js +5 -5
- package/prod/global/plyr.js +9 -9
- package/prod/global/vidstack-player.js +6 -6
- package/prod/providers/vidstack-audio.js +2 -2
- package/prod/providers/vidstack-dash.js +4 -4
- package/prod/providers/vidstack-hls.js +4 -4
- package/prod/providers/vidstack-html.js +1 -1
- package/prod/providers/vidstack-video.js +4 -4
- package/prod/providers/vidstack-vimeo.js +4 -4
- package/prod/providers/vidstack-youtube.js +3 -3
- package/prod/vidstack-elements.js +12 -12
- package/prod/vidstack.js +9 -9
- package/server/chunks/vidstack-B2Bc9g7_.js +2000 -0
- 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
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { signal, listenEvent, effect, peek, isString } from './vidstack-C1PwJD_4.js';
|
|
2
|
+
import { appendParamsToURL } from './vidstack-DdTXMZro.js';
|
|
3
|
+
|
|
4
|
+
class EmbedProvider {
|
|
5
|
+
#iframe;
|
|
6
|
+
src = signal("");
|
|
7
|
+
/**
|
|
8
|
+
* Defines which referrer is sent when fetching the resource.
|
|
9
|
+
*
|
|
10
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLIFrameElement/referrerPolicy}
|
|
11
|
+
*/
|
|
12
|
+
referrerPolicy = null;
|
|
13
|
+
get iframe() {
|
|
14
|
+
return this.#iframe;
|
|
15
|
+
}
|
|
16
|
+
constructor(iframe) {
|
|
17
|
+
this.#iframe = iframe;
|
|
18
|
+
iframe.setAttribute("frameBorder", "0");
|
|
19
|
+
iframe.setAttribute("aria-hidden", "true");
|
|
20
|
+
iframe.setAttribute(
|
|
21
|
+
"allow",
|
|
22
|
+
"autoplay; fullscreen; encrypted-media; picture-in-picture; accelerometer; gyroscope"
|
|
23
|
+
);
|
|
24
|
+
if (this.referrerPolicy !== null) {
|
|
25
|
+
iframe.setAttribute("referrerpolicy", this.referrerPolicy);
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
setup() {
|
|
29
|
+
listenEvent(window, "message", this.#onWindowMessage.bind(this));
|
|
30
|
+
listenEvent(this.#iframe, "load", this.onLoad.bind(this));
|
|
31
|
+
effect(this.#watchSrc.bind(this));
|
|
32
|
+
}
|
|
33
|
+
#watchSrc() {
|
|
34
|
+
const src = this.src();
|
|
35
|
+
if (!src.length) {
|
|
36
|
+
this.#iframe.setAttribute("src", "");
|
|
37
|
+
return;
|
|
38
|
+
}
|
|
39
|
+
const params = peek(() => this.buildParams());
|
|
40
|
+
this.#iframe.setAttribute("src", appendParamsToURL(src, params));
|
|
41
|
+
}
|
|
42
|
+
postMessage(message, target) {
|
|
43
|
+
this.#iframe.contentWindow?.postMessage(JSON.stringify(message), target ?? "*");
|
|
44
|
+
}
|
|
45
|
+
#onWindowMessage(event) {
|
|
46
|
+
const origin = this.getOrigin(), isOriginMatch = (event.source === null || event.source === this.#iframe?.contentWindow) && (!isString(origin) || origin === event.origin);
|
|
47
|
+
if (!isOriginMatch) return;
|
|
48
|
+
try {
|
|
49
|
+
const message = JSON.parse(event.data);
|
|
50
|
+
if (message) this.onMessage(message, event);
|
|
51
|
+
return;
|
|
52
|
+
} catch (e) {
|
|
53
|
+
}
|
|
54
|
+
if (event.data) this.onMessage(event.data, event);
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
export { EmbedProvider };
|
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
import { isFunction, isUndefined, waitTimeout, isString } from './vidstack-C1PwJD_4.js';
|
|
2
|
+
|
|
3
|
+
const UA = navigator?.userAgent.toLowerCase() || "";
|
|
4
|
+
const IS_IOS = /iphone|ipad|ipod|ios|crios|fxios/i.test(UA);
|
|
5
|
+
const IS_IPHONE = /(iphone|ipod)/gi.test(navigator?.platform || "");
|
|
6
|
+
const IS_CHROME = !!window.chrome;
|
|
7
|
+
const IS_SAFARI = !!window.safari || IS_IOS;
|
|
8
|
+
function canOrientScreen() {
|
|
9
|
+
return canRotateScreen() && isFunction(screen.orientation.unlock);
|
|
10
|
+
}
|
|
11
|
+
function canRotateScreen() {
|
|
12
|
+
return !isUndefined(window.screen.orientation) && !isUndefined(window.screen.orientation.lock);
|
|
13
|
+
}
|
|
14
|
+
function canPlayAudioType(audio, type) {
|
|
15
|
+
if (!audio) audio = document.createElement("audio");
|
|
16
|
+
return audio.canPlayType(type).length > 0;
|
|
17
|
+
}
|
|
18
|
+
function canPlayVideoType(video, type) {
|
|
19
|
+
if (!video) video = document.createElement("video");
|
|
20
|
+
return video.canPlayType(type).length > 0;
|
|
21
|
+
}
|
|
22
|
+
function canPlayHLSNatively(video) {
|
|
23
|
+
if (!video) video = document.createElement("video");
|
|
24
|
+
return video.canPlayType("application/vnd.apple.mpegurl").length > 0;
|
|
25
|
+
}
|
|
26
|
+
function canUsePictureInPicture(video) {
|
|
27
|
+
if (!video) return false;
|
|
28
|
+
return !!document.pictureInPictureEnabled && !video.disablePictureInPicture;
|
|
29
|
+
}
|
|
30
|
+
function canUseVideoPresentation(video) {
|
|
31
|
+
return isFunction(video?.webkitSupportsPresentationMode) && isFunction(video?.webkitSetPresentationMode);
|
|
32
|
+
}
|
|
33
|
+
async function canChangeVolume() {
|
|
34
|
+
const video = document.createElement("video");
|
|
35
|
+
video.volume = 0.5;
|
|
36
|
+
await waitTimeout(0);
|
|
37
|
+
return video.volume === 0.5;
|
|
38
|
+
}
|
|
39
|
+
function getMediaSource() {
|
|
40
|
+
return window?.ManagedMediaSource ?? window?.MediaSource ?? window?.WebKitMediaSource;
|
|
41
|
+
}
|
|
42
|
+
function getSourceBuffer() {
|
|
43
|
+
return window?.SourceBuffer ?? window?.WebKitSourceBuffer;
|
|
44
|
+
}
|
|
45
|
+
function isHLSSupported() {
|
|
46
|
+
const MediaSource = getMediaSource();
|
|
47
|
+
if (isUndefined(MediaSource)) return false;
|
|
48
|
+
const isTypeSupported = MediaSource && isFunction(MediaSource.isTypeSupported) && MediaSource.isTypeSupported('video/mp4; codecs="avc1.42E01E,mp4a.40.2"');
|
|
49
|
+
const SourceBuffer = getSourceBuffer();
|
|
50
|
+
const isSourceBufferValid = isUndefined(SourceBuffer) || !isUndefined(SourceBuffer.prototype) && isFunction(SourceBuffer.prototype.appendBuffer) && isFunction(SourceBuffer.prototype.remove);
|
|
51
|
+
return !!isTypeSupported && !!isSourceBufferValid;
|
|
52
|
+
}
|
|
53
|
+
function isDASHSupported() {
|
|
54
|
+
return isHLSSupported();
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
const AUDIO_EXTENSIONS = /\.(m4a|m4b|mp4a|mpga|mp2|mp2a|mp3|m2a|m3a|wav|weba|aac|oga|spx|flac)($|\?)/i;
|
|
58
|
+
const AUDIO_TYPES = /* @__PURE__ */ new Set([
|
|
59
|
+
"audio/mpeg",
|
|
60
|
+
"audio/ogg",
|
|
61
|
+
"audio/3gp",
|
|
62
|
+
"audio/mp3",
|
|
63
|
+
"audio/webm",
|
|
64
|
+
"audio/flac",
|
|
65
|
+
"audio/m4a",
|
|
66
|
+
"audio/m4b",
|
|
67
|
+
"audio/mp4a",
|
|
68
|
+
"audio/mp4"
|
|
69
|
+
]);
|
|
70
|
+
const VIDEO_EXTENSIONS = /\.(mp4|og[gv]|webm|mov|m4v)(#t=[,\d+]+)?($|\?)/i;
|
|
71
|
+
const VIDEO_TYPES = /* @__PURE__ */ new Set([
|
|
72
|
+
"video/mp4",
|
|
73
|
+
"video/webm",
|
|
74
|
+
"video/3gp",
|
|
75
|
+
"video/ogg",
|
|
76
|
+
"video/avi",
|
|
77
|
+
"video/mpeg"
|
|
78
|
+
]);
|
|
79
|
+
const HLS_VIDEO_EXTENSIONS = /\.(m3u8)($|\?)/i;
|
|
80
|
+
const DASH_VIDEO_EXTENSIONS = /\.(mpd)($|\?)/i;
|
|
81
|
+
const HLS_VIDEO_TYPES = /* @__PURE__ */ new Set([
|
|
82
|
+
// Apple sanctioned
|
|
83
|
+
"application/vnd.apple.mpegurl",
|
|
84
|
+
// Apple sanctioned for backwards compatibility
|
|
85
|
+
"audio/mpegurl",
|
|
86
|
+
// Very common
|
|
87
|
+
"audio/x-mpegurl",
|
|
88
|
+
// Very common
|
|
89
|
+
"application/x-mpegurl",
|
|
90
|
+
// Included for completeness
|
|
91
|
+
"video/x-mpegurl",
|
|
92
|
+
"video/mpegurl",
|
|
93
|
+
"application/mpegurl"
|
|
94
|
+
]);
|
|
95
|
+
const DASH_VIDEO_TYPES = /* @__PURE__ */ new Set(["application/dash+xml"]);
|
|
96
|
+
function isAudioSrc({ src, type }) {
|
|
97
|
+
return isString(src) ? AUDIO_EXTENSIONS.test(src) || AUDIO_TYPES.has(type) || src.startsWith("blob:") && type === "audio/object" : type === "audio/object";
|
|
98
|
+
}
|
|
99
|
+
function isVideoSrc(src) {
|
|
100
|
+
return isString(src.src) ? VIDEO_EXTENSIONS.test(src.src) || VIDEO_TYPES.has(src.type) || src.src.startsWith("blob:") && src.type === "video/object" || isHLSSrc(src) && canPlayHLSNatively() : src.type === "video/object";
|
|
101
|
+
}
|
|
102
|
+
function isHLSSrc({ src, type }) {
|
|
103
|
+
return isString(src) && HLS_VIDEO_EXTENSIONS.test(src) || HLS_VIDEO_TYPES.has(type);
|
|
104
|
+
}
|
|
105
|
+
function isDASHSrc({ src, type }) {
|
|
106
|
+
return isString(src) && DASH_VIDEO_EXTENSIONS.test(src) || DASH_VIDEO_TYPES.has(type);
|
|
107
|
+
}
|
|
108
|
+
function canGoogleCastSrc(src) {
|
|
109
|
+
return isString(src.src) && (isAudioSrc(src) || isVideoSrc(src) || isHLSSrc(src));
|
|
110
|
+
}
|
|
111
|
+
function isMediaStream(src) {
|
|
112
|
+
return typeof window.MediaStream !== "undefined" && src instanceof window.MediaStream;
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
export { AUDIO_EXTENSIONS, AUDIO_TYPES, DASH_VIDEO_EXTENSIONS, DASH_VIDEO_TYPES, HLS_VIDEO_EXTENSIONS, HLS_VIDEO_TYPES, IS_CHROME, IS_IOS, IS_IPHONE, IS_SAFARI, VIDEO_EXTENSIONS, VIDEO_TYPES, canChangeVolume, canGoogleCastSrc, canOrientScreen, canPlayAudioType, canPlayHLSNatively, canPlayVideoType, canRotateScreen, canUsePictureInPicture, canUseVideoPresentation, isAudioSrc, isDASHSrc, isDASHSupported, isHLSSrc, isHLSSupported, isMediaStream, isVideoSrc };
|