@mattebox/player-cast 0.1.0 → 0.2.0

package/dist/cast.js

@@ -1,343 +1,290 @@
+//#region src/cast.ts
 /** Whether the session is live: the engine's `live` namespace, once it has an edge. */
 function live(engine) {
-    const api = engine?.live;
-    return api !== undefined && api.edge !== null;
+	const api = engine?.live;
+	return api !== void 0 && api.edge !== null;
 }
 /** The Default Media Receiver: Google's player, which plays HLS and DASH by itself. */
-const DEFAULT_RECEIVER = 'CC1AD845';
-const SDK_URL = 'https://www.gstatic.com/cv/js/sender/v1/cast_sender.js?loadCastFramework=1';
-// The page-wide part: one SDK, one context, one remote player. Held in the
-// module because the SDK holds them in the window.
+const DEFAULT_RECEIVER = "CC1AD845";
+const SDK_URL = "https://www.gstatic.com/cv/js/sender/v1/cast_sender.js?loadCastFramework=1";
 let framework = null;
 let configured = null;
 let remotePlayer = null;
 let remoteController = null;
-const watchers = new Set();
+const watchers = /* @__PURE__ */ new Set();
 /** The player whose session this is, so two players on a page do not both take a session. */
 let owner = null;
 /** The receiver's last known playback, read while it reports and kept once it stops. */
-const NOTHING = { loaded: false, paused: true, time: 0, duration: Number.NaN };
+const NOTHING = {
+	loaded: false,
+	paused: true,
+	time: 0,
+	duration: NaN
+};
 let last = NOTHING;
 function globals() {
-    return globalThis;
+	return globalThis;
 }
 function notify() {
-    for (const fn of [...watchers])
-        fn();
+	for (const fn of [...watchers]) fn();
 }
 /**
- * The framework, once the page has it. Resolves null where the SDK never
- * arrives: a browser without Cast, a page whose CSP refused the script, or
- * `sdk="none"` with no script of the page's own.
- */
+* The framework, once the page has it. Resolves null where the SDK never
+* arrives: a browser without Cast, a page whose CSP refused the script, or
+* `sdk="none"` with no script of the page's own.
+*/
 function load(sdk) {
-    if (framework !== null)
-        return framework;
-    const held = globals();
-    if (held.cast?.framework !== undefined) {
-        framework = Promise.resolve(held.cast.framework);
-        return framework;
-    }
-    // The SDK is Chromium's. Elsewhere the script only reports that it is
-    // unavailable, so it is not fetched.
-    if (!('chrome' in held)) {
-        framework = Promise.resolve(null);
-        return framework;
-    }
-    framework = new Promise((resolve) => {
-        const previous = held.__onGCastApiAvailable;
-        // The SDK calls this once it is in, on its own script or the page's.
-        held.__onGCastApiAvailable = (available) => {
-            previous?.(available);
-            resolve(available ? (globals().cast?.framework ?? null) : null);
-        };
-        if (sdk === 'none')
-            return;
-        const script = document.createElement('script');
-        script.src = SDK_URL;
-        script.async = true;
-        script.addEventListener('error', () => resolve(null));
-        document.head.append(script);
-    });
-    return framework;
+	if (framework !== null) return framework;
+	const held = globals();
+	if (held.cast?.framework !== void 0) {
+		framework = Promise.resolve(held.cast.framework);
+		return framework;
+	}
+	if (!("chrome" in held)) {
+		framework = Promise.resolve(null);
+		return framework;
+	}
+	framework = new Promise((resolve) => {
+		const previous = held.__onGCastApiAvailable;
+		held.__onGCastApiAvailable = (available) => {
+			previous?.(available);
+			resolve(available ? globals().cast?.framework ?? null : null);
+		};
+		if (sdk === "none") return;
+		const script = document.createElement("script");
+		script.src = SDK_URL;
+		script.async = true;
+		script.addEventListener("error", () => resolve(null));
+		document.head.append(script);
+	});
+	return framework;
 }
 /** The context, set up once per page. */
 function context(fw, receiver) {
-    const ctx = fw.CastContext.getInstance();
-    const wanted = receiver ?? DEFAULT_RECEIVER;
-    if (configured === null) {
-        const policy = globals().chrome?.cast?.AutoJoinPolicy.ORIGIN_SCOPED ?? 'origin_scoped';
-        ctx.setOptions({ receiverApplicationId: wanted, autoJoinPolicy: policy });
-        configured = wanted;
-        ctx.addEventListener(fw.CastContextEventType.CAST_STATE_CHANGED, notify);
-        ctx.addEventListener(fw.CastContextEventType.SESSION_STATE_CHANGED, (event) => {
-            onSession(fw, ctx, event.sessionState ?? '');
-        });
-        remotePlayer = new fw.RemotePlayer();
-        remoteController = new fw.RemotePlayerController(remotePlayer);
-        remoteController.addEventListener(fw.RemotePlayerEventType.ANY_CHANGE, () => {
-            const remote = remotePlayer;
-            if (remote?.isConnected === true && remote.isMediaLoaded) {
-                last = {
-                    loaded: true,
-                    paused: remote.isPaused,
-                    time: remote.currentTime,
-                    duration: remote.duration > 0 ? remote.duration : Number.POSITIVE_INFINITY,
-                };
-            }
-            notify();
-        });
-    }
-    else if (receiver !== null && receiver !== configured) {
-        console.error(`mattebox-player: the Cast context already uses receiver ${configured}`);
-    }
-    return ctx;
+	const ctx = fw.CastContext.getInstance();
+	const wanted = receiver ?? DEFAULT_RECEIVER;
+	if (configured === null) {
+		const policy = globals().chrome?.cast?.AutoJoinPolicy.ORIGIN_SCOPED ?? "origin_scoped";
+		ctx.setOptions({
+			receiverApplicationId: wanted,
+			autoJoinPolicy: policy
+		});
+		configured = wanted;
+		ctx.addEventListener(fw.CastContextEventType.CAST_STATE_CHANGED, notify);
+		ctx.addEventListener(fw.CastContextEventType.SESSION_STATE_CHANGED, (event) => {
+			onSession(fw, ctx, event.sessionState ?? "");
+		});
+		remotePlayer = new fw.RemotePlayer();
+		remoteController = new fw.RemotePlayerController(remotePlayer);
+		remoteController.addEventListener(fw.RemotePlayerEventType.ANY_CHANGE, () => {
+			const remote = remotePlayer;
+			if (remote?.isConnected === true && remote.isMediaLoaded) last = {
+				loaded: true,
+				paused: remote.isPaused,
+				time: remote.currentTime,
+				duration: remote.duration > 0 ? remote.duration : Number.POSITIVE_INFINITY
+			};
+			notify();
+		});
+	} else if (receiver !== null && receiver !== configured) console.error(`mattebox-player: the Cast context already uses receiver ${configured}`);
+	return ctx;
 }
 function onSession(fw, ctx, state) {
-    const states = fw.SessionState;
-    if (state === states.SESSION_STARTED && owner !== null && owner.pending) {
-        // A new session has loaded nothing yet, whatever the last one played.
-        last = NOTHING;
-        owner.begin(ctx);
-    }
-    else if (state === states.SESSION_RESUMED) {
-        // Chrome rejoins a session of this origin on load. It is this player's
-        // when the receiver plays what the player has.
-        const playing = ctx.getCurrentSession()?.getMediaSession()?.media?.contentId;
-        const found = [...connected].find((cast) => cast.plays(playing));
-        if (found !== undefined && owner === null) {
-            owner = found;
-            found.adopt();
-        }
-    }
-    else if (state === states.SESSION_ENDED || state === states.SESSION_START_FAILED) {
-        const ended = owner;
-        owner = null;
-        ended?.end(state === states.SESSION_ENDED);
-    }
-    notify();
+	const states = fw.SessionState;
+	if (state === states.SESSION_STARTED && owner !== null && owner.pending) {
+		last = NOTHING;
+		owner.begin(ctx);
+	} else if (state === states.SESSION_RESUMED) {
+		const playing = ctx.getCurrentSession()?.getMediaSession()?.media?.contentId;
+		const found = [...connected].find((cast) => cast.plays(playing));
+		if (found !== void 0 && owner === null) {
+			owner = found;
+			found.adopt();
+		}
+	} else if (state === states.SESSION_ENDED || state === states.SESSION_START_FAILED) {
+		const ended = owner;
+		owner = null;
+		ended?.end(state === states.SESSION_ENDED);
+	}
+	notify();
 }
 /** One per player, found again by its button and its screen. Weak, so a player that leaves is not held. */
-const players = new WeakMap();
+const players = /* @__PURE__ */ new WeakMap();
 /** The players with a cast button attached, for a session Chrome rejoins on load. */
-const connected = new Set();
-class CastOf {
-    constructor(player) {
-        this.player = player;
-        this.target = null;
-        this.ctx = null;
-        this.fw = null;
-        this.pending = false;
-        this.casting = false;
-        this.handoff = null;
-    }
-    connect(receiver, sdk) {
-        connected.add(this);
-        void load(sdk).then((fw) => {
-            if (fw === null)
-                return;
-            this.fw = fw;
-            this.ctx = context(fw, receiver);
-            notify();
-        });
-    }
-    disconnect() {
-        connected.delete(this);
-    }
-    state() {
-        const ctx = this.ctx;
-        const fw = this.fw;
-        if (ctx === null || fw === null)
-            return 'unavailable';
-        if (this.casting)
-            return 'casting';
-        const cast = ctx.getCastState();
-        if (cast === fw.CastState.NO_DEVICES_AVAILABLE)
-            return 'unavailable';
-        if (cast === fw.CastState.CONNECTING || this.pending)
-            return 'connecting';
-        return 'idle';
-    }
-    device() {
-        if (!this.casting)
-            return null;
-        return this.ctx?.getCurrentSession()?.getCastDevice().friendlyName ?? null;
-    }
-    remote() {
-        return last;
-    }
-    start(target) {
-        const ctx = this.ctx;
-        if (ctx === null || this.casting)
-            return;
-        // Another player on the page holds the session. The SDK has one, so
-        // this click ends it, the way Chrome's own dialog offers to.
-        if (owner !== null && owner !== this) {
-            ctx.endCurrentSession(true);
-            return;
-        }
-        this.target = target;
-        this.pending = true;
-        owner = this;
-        notify();
-        // Rejected when the viewer closes the picker; SESSION_START_FAILED
-        // does not fire for that, so the wait ends here.
-        ctx.requestSession().catch(() => {
-            if (owner === this)
-                owner = null;
-            this.pending = false;
-            notify();
-        });
-    }
-    stop() {
-        if (this.casting)
-            this.ctx?.endCurrentSession(true);
-    }
-    playPause() {
-        if (this.casting)
-            remoteController?.playOrPause();
-    }
-    seek(time) {
-        if (!this.casting || remotePlayer === null)
-            return;
-        remotePlayer.currentTime = time;
-        remoteController?.seek();
-    }
-    watch(fn) {
-        watchers.add(fn);
-        return () => {
-            watchers.delete(fn);
-        };
-    }
-    /** Whether this player's session plays `url`. */
-    plays(url) {
-        return url !== undefined && this.player.player?.session?.source.url === url;
-    }
-    /** A session started for this player: freeze the picture and send the source. */
-    begin(ctx) {
-        this.pending = false;
-        const session = this.player.player?.session ?? null;
-        const video = this.player.video;
-        const time = video.currentTime;
-        const autoplay = !video.paused;
-        this.freeze();
-        if (session === null)
-            return;
-        const request = this.request(session.source, time, autoplay);
-        if (request === null)
-            return;
-        const event = new CustomEvent('castload', {
-            detail: request,
-            bubbles: true,
-            composed: true,
-            cancelable: true,
-        });
-        if (this.target?.dispatchEvent(event) === false)
-            return;
-        void ctx
-            .getCurrentSession()
-            ?.loadMedia(request)
-            .catch(() => {
-            // The receiver refused the media. The session stays, so the viewer
-            // can stop it; the screen shows no time.
-        });
-    }
-    /** A session Chrome rejoined, already playing this player's source. */
-    adopt() {
-        this.freeze();
-    }
-    freeze() {
-        const engine = this.player.engine;
-        this.handoff = { live: live(engine) };
-        this.player.video.pause();
-        // The engine keeps its buffers and makes no request while the receiver
-        // plays (engine guide 01, suspend and resume).
-        engine?.suspend();
-        this.casting = true;
-        this.player.toggleAttribute('casting', true);
-        notify();
-    }
-    /** The session ended: give the video back where the receiver left it. */
-    end(cleanly) {
-        this.pending = false;
-        if (!this.casting)
-            return;
-        this.casting = false;
-        const handoff = this.handoff;
-        this.handoff = null;
-        const video = this.player.video;
-        const engine = this.player.engine;
-        engine?.resume();
-        this.player.removeAttribute('casting');
-        if (!cleanly || !last.loaded)
-            return;
-        // Live rejoins at the edge on its own; the receiver's time is on the
-        // receiver's own timeline and means nothing here.
-        if (handoff?.live !== true && Number.isFinite(last.time))
-            video.currentTime = last.time;
-        if (!last.paused)
-            video.play().catch(() => undefined);
-    }
-    /** The load request: the source, the time, the stream type, and the video's own text tracks. */
-    request(source, time, autoplay) {
-        const media = globals().chrome?.cast?.media;
-        if (media === undefined)
-            return null;
-        const engine = this.player.engine;
-        const type = source.type ?? '';
-        const info = new media.MediaInfo(source.url, type);
-        info.streamType = live(engine) ? media.StreamType.LIVE : media.StreamType.BUFFERED;
-        if (/mpegurl/i.test(type)) {
-            // The receiver assumes MPEG-TS segments for HLS unless told. The
-            // engine's presentation says which the stream has; a native session
-            // has none, and CMAF is the assumption there.
-            const ts = tsSegments(engine);
-            info.hlsSegmentFormat = ts ? 'ts' : 'fmp4';
-            info.hlsVideoSegmentFormat = ts ? 'mpeg2_ts' : 'fmp4';
-        }
-        const tracks = [];
-        for (const node of this.player.video.querySelectorAll('track[src]')) {
-            const track = node;
-            if (track.kind !== 'subtitles' && track.kind !== 'captions')
-                continue;
-            const out = new media.Track(tracks.length + 1, media.TrackType.TEXT);
-            out.trackContentId = track.src;
-            out.trackContentType = 'text/vtt';
-            out.subtype =
-                track.kind === 'captions' ? media.TextTrackType.CAPTIONS : media.TextTrackType.SUBTITLES;
-            out.name = track.label;
-            out.language = track.srclang;
-            tracks.push(out);
-        }
-        info.tracks = tracks.length > 0 ? tracks : null;
-        const request = new media.LoadRequest(info);
-        request.currentTime = time;
-        request.autoplay = autoplay;
-        return request;
-    }
-}
+const connected = /* @__PURE__ */ new Set();
+var CastOf = class {
+	constructor(player) {
+		this.player = player;
+		this.target = null;
+		this.ctx = null;
+		this.fw = null;
+		this.pending = false;
+		this.casting = false;
+		this.handoff = null;
+	}
+	connect(receiver, sdk) {
+		connected.add(this);
+		load(sdk).then((fw) => {
+			if (fw === null) return;
+			this.fw = fw;
+			this.ctx = context(fw, receiver);
+			notify();
+		});
+	}
+	disconnect() {
+		connected.delete(this);
+	}
+	state() {
+		const ctx = this.ctx;
+		const fw = this.fw;
+		if (ctx === null || fw === null) return "unavailable";
+		if (this.casting) return "casting";
+		const cast = ctx.getCastState();
+		if (cast === fw.CastState.NO_DEVICES_AVAILABLE) return "unavailable";
+		if (cast === fw.CastState.CONNECTING || this.pending) return "connecting";
+		return "idle";
+	}
+	device() {
+		if (!this.casting) return null;
+		return this.ctx?.getCurrentSession()?.getCastDevice().friendlyName ?? null;
+	}
+	remote() {
+		return last;
+	}
+	start(target) {
+		const ctx = this.ctx;
+		if (ctx === null || this.casting) return;
+		if (owner !== null && owner !== this) {
+			ctx.endCurrentSession(true);
+			return;
+		}
+		this.target = target;
+		this.pending = true;
+		owner = this;
+		notify();
+		ctx.requestSession().catch(() => {
+			if (owner === this) owner = null;
+			this.pending = false;
+			notify();
+		});
+	}
+	stop() {
+		if (this.casting) this.ctx?.endCurrentSession(true);
+	}
+	playPause() {
+		if (this.casting) remoteController?.playOrPause();
+	}
+	seek(time) {
+		if (!this.casting || remotePlayer === null) return;
+		remotePlayer.currentTime = time;
+		remoteController?.seek();
+	}
+	watch(fn) {
+		watchers.add(fn);
+		return () => {
+			watchers.delete(fn);
+		};
+	}
+	/** Whether this player's session plays `url`. */
+	plays(url) {
+		return url !== void 0 && this.player.player?.session?.source.url === url;
+	}
+	/** A session started for this player: freeze the picture and send the source. */
+	begin(ctx) {
+		this.pending = false;
+		const session = this.player.player?.session ?? null;
+		const video = this.player.video;
+		const time = video.currentTime;
+		const autoplay = !video.paused;
+		this.freeze();
+		if (session === null) return;
+		const request = this.request(session.source, time, autoplay);
+		if (request === null) return;
+		const event = new CustomEvent("castload", {
+			detail: request,
+			bubbles: true,
+			composed: true,
+			cancelable: true
+		});
+		if (this.target?.dispatchEvent(event) === false) return;
+		ctx.getCurrentSession()?.loadMedia(request).catch(() => {});
+	}
+	/** A session Chrome rejoined, already playing this player's source. */
+	adopt() {
+		this.freeze();
+	}
+	freeze() {
+		const engine = this.player.engine;
+		this.handoff = { live: live(engine) };
+		this.player.video.pause();
+		engine?.suspend();
+		this.casting = true;
+		this.player.toggleAttribute("casting", true);
+		notify();
+	}
+	/** The session ended: give the video back where the receiver left it. */
+	end(cleanly) {
+		this.pending = false;
+		if (!this.casting) return;
+		this.casting = false;
+		const handoff = this.handoff;
+		this.handoff = null;
+		const video = this.player.video;
+		this.player.engine?.resume();
+		this.player.removeAttribute("casting");
+		if (!cleanly || !last.loaded) return;
+		if (handoff?.live !== true && Number.isFinite(last.time)) video.currentTime = last.time;
+		if (!last.paused) video.play().catch(() => void 0);
+	}
+	/** The load request: the source, the time, the stream type, and the video's own text tracks. */
+	request(source, time, autoplay) {
+		const media = globals().chrome?.cast?.media;
+		if (media === void 0) return null;
+		const engine = this.player.engine;
+		const type = source.type ?? "";
+		const info = new media.MediaInfo(source.url, type);
+		info.streamType = live(engine) ? media.StreamType.LIVE : media.StreamType.BUFFERED;
+		if (/mpegurl/i.test(type)) {
+			const ts = tsSegments(engine);
+			info.hlsSegmentFormat = ts ? "ts" : "fmp4";
+			info.hlsVideoSegmentFormat = ts ? "mpeg2_ts" : "fmp4";
+		}
+		const tracks = [];
+		for (const node of this.player.video.querySelectorAll("track[src]")) {
+			const track = node;
+			if (track.kind !== "subtitles" && track.kind !== "captions") continue;
+			const out = new media.Track(tracks.length + 1, media.TrackType.TEXT);
+			out.trackContentId = track.src;
+			out.trackContentType = "text/vtt";
+			out.subtype = track.kind === "captions" ? media.TextTrackType.CAPTIONS : media.TextTrackType.SUBTITLES;
+			out.name = track.label;
+			out.language = track.srclang;
+			tracks.push(out);
+		}
+		info.tracks = tracks.length > 0 ? tracks : null;
+		const request = new media.LoadRequest(info);
+		request.currentTime = time;
+		request.autoplay = autoplay;
+		return request;
+	}
+};
 /** Whether the engine's presentation carries MPEG-TS renditions. */
 function tsSegments(engine) {
-    const presentation = engine?.stats.snapshot().presentation;
-    if (presentation === null || presentation === undefined)
-        return false;
-    for (const period of presentation.periods) {
-        for (const track of period.tracks) {
-            for (const rendition of track.renditions) {
-                if (/mp2t/i.test(rendition.mimeType))
-                    return true;
-            }
-        }
-    }
-    return false;
+	const presentation = engine?.stats.snapshot().presentation;
+	if (presentation === null || presentation === void 0) return false;
+	for (const period of presentation.periods) for (const track of period.tracks) for (const rendition of track.renditions) if (/mp2t/i.test(rendition.mimeType)) return true;
+	return false;
 }
 /** The player's Cast, one per player, shared by its cast button and cast screen. */
-export function cast(player) {
-    let held = players.get(player);
-    if (held === undefined) {
-        held = new CastOf(player);
-        players.set(player, held);
-    }
-    return held;
+function cast(player) {
+	let held = players.get(player);
+	if (held === void 0) {
+		held = new CastOf(player);
+		players.set(player, held);
+	}
+	return held;
 }
+//#endregion
+export { cast };
+
 //# sourceMappingURL=cast.js.map