@kkcompany/player 2.25.0-canary.23 → 2.25.0-canary.25

package/dist/Video-CMbK-cxg.mjs

@@ -0,0 +1,120 @@
+import { a as load, c as setPlaybackRate, d as syncPlaybackState, f as syncTextTrack, o as seek, s as setAudioTrack, t as getMediaTime, u as subscribePlaybackState } from "./mediaBindings-CoY60lQw.mjs";
+import { t as loadPlayer_default } from "./loadPlayer-CQdGA3Te.mjs";
+import { n as selectVideoResolution } from "./adaptation-BcTsh-wx.mjs";
+import { useEffect, useLayoutEffect, useRef, useState } from "react";
+import { jsx } from "@emotion/react/jsx-runtime";
+
+//#region src/util/multiRef.js
+const multiRef = (...refs) => (element) => {
+	if (element) refs.forEach((ref) => {
+		if (ref && "current" in ref) ref.current = element;
+		else ref?.(element);
+	});
+};
+var multiRef_default = multiRef;
+
+//#endregion
+//#region src/Video.js
+const baseVideoStyle = {
+	objectFit: "contain",
+	width: "100%",
+	maxHeight: "100%",
+	"&:fullscreen": {
+		position: "absolute",
+		top: 0,
+		left: 0,
+		bottom: 0,
+		right: 0
+	},
+	"~ .shaka-text-container": {
+		position: "absolute",
+		height: "100%",
+		width: "100%"
+	}
+};
+const emptyArray = [];
+const Video = ({ source, playbackState: targetState, currentTime: targetTime, playbackRate, videoResolution, audioTrack = {}, textTracks = emptyArray, textTrack, liveResume, iOSFullscreenDetectThreshold, plugins = [], shaka, bitmovin, license, validationHost, videoRef, playerRef, onPlayerLoaded, onPlaybackStateChange, onBlockedAutoplay, onPlaylogFired, ...videoAttributes }) => {
+	const handlers = useRef();
+	handlers.current = {
+		onPlaybackStateChange,
+		onBlockedAutoplay
+	};
+	const videoContainer = useRef();
+	const videoElement = useRef();
+	const [playbackState, setPlaybackState] = useState("");
+	const [player, setPlayer] = useState();
+	useEffect(() => {
+		const loadTask = loadPlayer_default(videoElement.current, {
+			container: videoContainer.current,
+			source,
+			shaka,
+			bitmovin
+		}).then((basePlayer) => {
+			setPlayer(basePlayer);
+			onPlayerLoaded?.(basePlayer);
+			if (playerRef) playerRef.curret = basePlayer;
+			return basePlayer;
+		});
+		const offPlaybackState = subscribePlaybackState(videoElement.current, (event, state) => {
+			handlers.current.onPlaybackStateChange?.(event, state);
+			requestAnimationFrame(() => setPlaybackState(state));
+		}, { iOSFullscreenDetectThreshold });
+		return () => {
+			offPlaybackState();
+			loadTask.then((currentPlayer) => currentPlayer?.destroy());
+		};
+	}, []);
+	useEffect(() => {
+		if (source && (source.length > 0 || source.src || source.hls || source.dash) && player?.isAlive()) Promise.resolve(false).then(() => load(videoElement.current, {
+			player,
+			plugins,
+			startTime: targetTime
+		}, source)).catch((error) => console.warn(error));
+		if ((!source || source.length === 0) && player) {
+			player.unload();
+			player.lastSrc = "";
+		}
+	}, [player, source]);
+	useLayoutEffect(() => {
+		if (player?.isAlive()) syncPlaybackState(videoElement.current, {
+			player,
+			plugins,
+			liveResume
+		}, targetState)?.catch((error) => {
+			handlers.current.onBlockedAutoplay?.(error);
+		});
+	}, [player && targetState]);
+	useEffect(() => {
+		const { currentTime } = getMediaTime(videoElement.current, {
+			player,
+			plugins
+		});
+		if (player?.isAlive() && Math.abs(currentTime - targetTime) > .5) seek(videoElement.current, {
+			player,
+			plugins
+		}, targetTime);
+	}, [player && targetTime]);
+	useEffect(() => {
+		setPlaybackRate(videoElement.current, { player }, playbackRate);
+	}, [playbackRate, playbackState === "playing"]);
+	useEffect(() => {
+		if (player) selectVideoResolution(videoElement.current, { player }, videoResolution);
+	}, [videoResolution, player]);
+	useEffect(() => setAudioTrack(videoElement.current, { player }, audioTrack), [videoElement.current?.readyState >= 2 && audioTrack.label, audioTrack.language]);
+	useEffect(() => {
+		if (textTracks?.length > 0 || textTrack) return syncTextTrack(videoElement.current, { player }, textTracks?.length > 0 ? { textTracks } : textTrack);
+	}, [videoElement.current?.readyState >= 2 && textTracks, textTrack]);
+	return /* @__PURE__ */ jsx("div", {
+		ref: videoContainer,
+		css: { video: baseVideoStyle },
+		children: /* @__PURE__ */ jsx("video", {
+			ref: multiRef_default(videoRef, videoElement),
+			playsInline: true,
+			...videoAttributes
+		})
+	});
+};
+var Video_default = Video;
+
+//#endregion
+export { multiRef_default as n, Video_default as t };

package/dist/adaptation-BcTsh-wx.mjs

@@ -0,0 +1,74 @@
+import { h as mimeTypes, m as getSource, x as isSafari } from "./mediaBindings-CoY60lQw.mjs";
+
+//#region src/util/net.js
+const timeoutError = () => /* @__PURE__ */ new Error("request timeout");
+/**
+* @param {URL|RequestInfo} url 
+* @param {RequestInit} options 
+* @param {{responseType: 'json'|'text'}}
+*/
+const retryRequest = (url, options = {}, { responseType = "json", timeout = 6, retryTimes = 6 } = {}) => new Promise((resolve, reject) => {
+	setTimeout(() => reject(timeoutError()), timeout * 1e3);
+	fetch(url, options).then((response) => resolve(response[responseType]?.() || response)).catch(reject);
+}).catch((error) => {
+	console.log(error);
+	if (retryTimes > 0) return retryRequest(url, options, {
+		timeout,
+		retryTimes: retryTimes - 1
+	});
+	return error;
+});
+
+//#endregion
+//#region src/playerCore/adaptation.js
+const matchAll = (input, pattern) => {
+	const flags = [
+		pattern.global && "g",
+		pattern.ignoreCase && "i",
+		pattern.multiline && "m"
+	].filter(Boolean).join("");
+	const clone = new RegExp(pattern, flags);
+	return Array.from((function* () {
+		let matched = true;
+		while (1) {
+			matched = clone.exec(input);
+			if (!matched) return;
+			yield matched;
+		}
+	})());
+};
+const rewriteUrls = (manifest, sourceUrl) => manifest.replace(/((#EXT-X-MEDIA:.*URI=")([^"]*))|((#EXT-X-STREAM-INF.*\n)(.*)(?=\n))/g, (...matches) => [
+	matches[2],
+	matches[5],
+	new URL(matches[3] || matches[6], sourceUrl)
+].filter(Boolean).join(""));
+const filterHlsManifestQualities = (originalManifest, filter) => {
+	if (!filter) return;
+	const manifest = `${originalManifest}\n`;
+	const profiles = matchAll(manifest, /RESOLUTION=(\d+)x(\d+)/g).map(([, width, height]) => ({
+		width: +width,
+		height: +height
+	}));
+	const allowed = filter(profiles) || profiles;
+	const newManifest = manifest.replace(/#EXT-X-STREAM-INF.*RESOLUTION=(\d+)x(\d+).*\n.*\n/g, (item, width, height) => allowed.some((p) => p.width === +width && p.height === +height) ? item : "");
+	return newManifest !== manifest && newManifest;
+};
+const meetRestriction = (quality, { minHeight, maxHeight } = {}) => !(quality.height < minHeight || quality.height > maxHeight);
+const selectHlsQualities = async (source, restrictions = {}) => {
+	if (!isSafari() || !(restrictions.minHeight || restrictions.maxHeight)) return source;
+	const selected = getSource(source, { preferManifestType: "hls" });
+	if (!(selected?.type.toLowerCase() === mimeTypes.hls)) return source;
+	const filtered = filterHlsManifestQualities(await retryRequest(selected.src, {}, { responseType: "text" }), (items) => items.filter((item) => meetRestriction(item, restrictions)));
+	if (filtered) return {
+		...selected,
+		src: `data:application/x-mpegURL,${encodeURI(rewriteUrls(filtered, selected.src))}`
+	};
+	return source;
+};
+const selectVideoResolution = (_media, { player }, restrictions) => {
+	player.preferredSettings.videoResolution = restrictions;
+	player.configure("abr.restrictions", restrictions);
+};
+
+//#endregion
+export { selectVideoResolution as n, selectHlsQualities as t };