@mattebox/player-cast 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Josep Boix Requesens
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/NOTICE

@@ -0,0 +1,24 @@
+@mattebox/player-cast carries two glyphs copied from media-icons
+(https://github.com/vidstack/media-icons), used under the MIT License:
+
+MIT License
+
+Copyright (c) 2023 Rahim Alwer
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,54 @@
+<h1>
+  <img src="https://raw.githubusercontent.com/jboix/mattebox-player/main/docs/logo.svg" width="44" height="44" align="absmiddle" alt="">
+  @mattebox/player-cast
+</h1>
+
+`<mbx-cast-button>` and `<mbx-cast-screen>` for the
+[Mattebox player](https://github.com/jboix/mattebox-player): Chromecast
+from the page, over Google's sender SDK. The button starts and ends a
+session, and the screen covers the picture while the receiver plays, with
+its name, play and pause, the seek slider, the time and a stop button.
+Importing the package registers both elements.
+
+It is a package of its own because the button loads Google's script onto
+the page, which the player never does on an integrator's behalf. The AirPlay
+button, over Safari's own API, ships with the player.
+
+```sh
+npm install @mattebox/player-cast @mattebox/player mattebox
+```
+
+```html
+<mattebox-player src="https://example.com/vod/master.m3u8" controls="custom">
+  <mbx-cast-screen></mbx-cast-screen>
+  <mbx-control-bar>
+    <mbx-play-button></mbx-play-button>
+    <mbx-seek-bar></mbx-seek-bar>
+    <mbx-spacer></mbx-spacer>
+    <mbx-cast-button></mbx-cast-button>
+  </mbx-control-bar>
+</mattebox-player>
+
+<script type="module">
+  import '@mattebox/player';
+  import '@mattebox/player-cast';
+</script>
+```
+
+On start the player pauses the video, freezes the engine so nothing is
+fetched for a paused picture, and sends the session's source to the
+receiver at the video's time. On end the engine resumes and the video
+picks up where the receiver stopped. The receiver plays the URL by itself,
+so DRM and signed URLs are the page's to arrange through the `castload`
+event, which carries the load request before it goes out:
+
+```ts
+button.addEventListener('castload', (event) => {
+  event.detail.customData = { licenseUrl: 'https://drm.example/widevine' };
+});
+```
+
+`receiver` on the button names the receiver application, the Default Media
+Receiver without one; `sdk="none"` leaves loading the SDK to the page. The
+[guide](https://github.com/jboix/mattebox-player/blob/main/docs/guide/03-the-element.md#casting)
+covers the rest.

package/dist/cast-button.d.ts

@@ -0,0 +1,13 @@
+import { Component } from './component.js';
+import type { PlayerHost } from './host.js';
+export declare class MbxCastButton extends Component {
+    static get observedAttributes(): readonly string[];
+    private readonly button;
+    private readonly slots;
+    private api;
+    constructor();
+    protected attach(player: PlayerHost): void;
+    protected detach(): void;
+    protected render(): void;
+}
+//# sourceMappingURL=cast-button.d.ts.map

package/dist/cast-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cast-button.d.ts","sourceRoot":"","sources":["../src/cast-button.ts"],"names":[],"mappings":"AAeA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAO5C,qBAAa,aAAc,SAAQ,SAAS;IAC1C,MAAM,KAAK,kBAAkB,IAAI,SAAS,MAAM,EAAE,CAEjD;IAED,iBAAyB,MAAM,CAAoB;IACnD,iBAAyB,KAAK,CAAiC;IAC/D,QAAgB,GAAG,CAAc;;cAoBd,MAAM,CAAC,MAAM,EAAE,UAAU,GAAG,IAAI;cAgBhC,MAAM,IAAI,IAAI;cAKd,MAAM,IAAI,IAAI;CAkBlC"}

package/dist/cast-button.js

@@ -0,0 +1,65 @@
+import { cast } from './cast.js';
+import { Component } from './component.js';
+import { icon } from './icons.js';
+import { BUTTON_STYLE, iconSlots, show, style } from './shared.js';
+const STATES = ['default', 'active'];
+export class MbxCastButton extends Component {
+    static get observedAttributes() {
+        return ['label-start', 'label-stop'];
+    }
+    constructor() {
+        super();
+        this.api = null;
+        const root = this.attachShadow({ mode: 'open' });
+        this.button = document.createElement('button');
+        this.button.type = 'button';
+        this.button.setAttribute('part', 'button');
+        this.slots = iconSlots(STATES, (state) => icon(state === 'active' ? 'cast-active' : 'cast'));
+        for (const state of STATES)
+            this.button.append(this.slots[state]);
+        this.button.addEventListener('click', () => {
+            const api = this.api;
+            if (api === null)
+                return;
+            if (api.state() === 'casting')
+                api.stop();
+            else
+                api.start(this);
+        });
+        root.append(style(BUTTON_STYLE), this.button);
+    }
+    attach(player) {
+        const api = cast(player);
+        this.api = api;
+        api.connect(this.getAttribute('receiver'), this.getAttribute('sdk'));
+        this.keep(api.watch(() => {
+            this.render();
+        }));
+        // A session decides whether there is anything to send.
+        this.follow(player, () => {
+            this.render();
+            return undefined;
+        });
+    }
+    detach() {
+        this.api?.disconnect();
+        this.api = null;
+    }
+    render() {
+        const player = this.player;
+        const api = this.api;
+        if (player === null || api === null)
+            return;
+        const state = api.state();
+        const active = state === 'casting';
+        this.hidden = state === 'unavailable';
+        // Nothing loaded means nothing to send; the receiver would show its idle screen.
+        this.button.disabled = !active && player.player?.session == null;
+        this.button.toggleAttribute('aria-busy', state === 'connecting');
+        show(this.slots, active ? 'active' : 'default');
+        this.button.setAttribute('aria-label', active
+            ? (this.getAttribute('label-stop') ?? 'Stop casting')
+            : (this.getAttribute('label-start') ?? 'Cast'));
+    }
+}
+//# sourceMappingURL=cast-button.js.map

package/dist/cast-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cast-button.js","sourceRoot":"","sources":["../src/cast-button.ts"],"names":[],"mappings":"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"}

package/dist/cast-screen.d.ts

@@ -0,0 +1,24 @@
+import { Component } from './component.js';
+import type { PlayerHost } from './host.js';
+export declare class MbxCastScreen extends Component {
+    static get observedAttributes(): readonly string[];
+    private readonly title_;
+    private readonly play;
+    private readonly slots;
+    private readonly seek;
+    private readonly row;
+    private readonly time;
+    private readonly stop;
+    private api;
+    /** Where the thumb is while a pointer holds it, so the receiver's reports do not move it back. */
+    private held;
+    constructor();
+    /** Hidden before attaching: a constructor must not add attributes. */
+    connectedCallback(): void;
+    protected attach(player: PlayerHost): void;
+    protected detach(): void;
+    /** The slider and the time, from the receiver or from the held thumb. */
+    private paint;
+    protected render(): void;
+}
+//# sourceMappingURL=cast-screen.d.ts.map

package/dist/cast-screen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cast-screen.d.ts","sourceRoot":"","sources":["../src/cast-screen.ts"],"names":[],"mappings":"AAeA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAwD5C,qBAAa,aAAc,SAAQ,SAAS;IAC1C,MAAM,KAAK,kBAAkB,IAAI,SAAS,MAAM,EAAE,CAEjD;IAED,iBAAyB,MAAM,CAAc;IAC7C,iBAAyB,IAAI,CAAoB;IACjD,iBAAyB,KAAK,CAAiC;IAC/D,iBAAyB,IAAI,CAAS;IACtC,iBAAyB,GAAG,CAAc;IAC1C,iBAAyB,IAAI,CAAc;IAC3C,iBAAyB,IAAI,CAAoB;IACjD,QAAgB,GAAG,CAAc;IACjC,kGAAkG;IAClG,QAAgB,IAAI,CAAgB;;IA8CpC,sEAAsE;IAC7D,iBAAiB,IAAI,IAAI;cAKf,MAAM,CAAC,MAAM,EAAE,UAAU,GAAG,IAAI;cAWhC,MAAM,IAAI,IAAI;IAKjC,yEAAyE;IACzE,OAAO,CAAC,KAAK;cAcM,MAAM,IAAI,IAAI;CAsBlC"}

package/dist/cast-screen.js

@@ -0,0 +1,148 @@
+import { cast } from './cast.js';
+import { Component } from './component.js';
+import { icon } from './icons.js';
+import { BUTTON_STYLE, describe, el, fill, format, iconSlots, SLIDER_STYLE, show, style, } from './shared.js';
+import { slider } from './slider.js';
+const STATES = ['play', 'pause'];
+const STEP = 5;
+const PAGE = 30;
+const STYLE = `${BUTTON_STYLE}
+${SLIDER_STYLE}
+:host {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 16px;
+  background: rgba(0, 0, 0, 0.85);
+  color: var(--mbx-text);
+  font: 400 15px/1.4 var(--mbx-font);
+  text-align: center;
+}
+:host([hidden]) { display: none; }
+[part~="box"] { display: flex; flex-direction: column; align-items: center; gap: 12px; width: min(100%, 420px); }
+[part~="title"] { font-size: 18px; font-weight: 600; }
+[part~="row"] { display: flex; align-items: center; justify-content: center; gap: 12px; width: 100%; }
+[part~="slider"] { flex: 1; }
+[part~="time"] { font-variant-numeric: tabular-nums; color: var(--mbx-muted); font-size: 13px; }
+[part~="stop"] {
+  height: 36px;
+  padding: 0 16px;
+  font: inherit;
+  font-weight: 600;
+  color: inherit;
+  background: transparent;
+  border: 1px solid currentColor;
+  border-radius: var(--mbx-radius);
+  cursor: pointer;
+}
+[part~="stop"]:focus-visible { outline: 2px solid var(--mbx-accent); outline-offset: -2px; }
+[hidden] { display: none; }
+`;
+export class MbxCastScreen extends Component {
+    static get observedAttributes() {
+        return ['label', 'label-stop', 'label-play', 'label-pause', 'label-seek'];
+    }
+    constructor() {
+        super();
+        this.api = null;
+        this.held = null;
+        const root = this.attachShadow({ mode: 'open' });
+        const box = el('div', 'box');
+        this.title_ = el('div', 'title');
+        this.play = document.createElement('button');
+        this.play.type = 'button';
+        this.play.setAttribute('part', 'button play');
+        this.slots = iconSlots(STATES, icon);
+        for (const state of STATES)
+            this.play.append(this.slots[state]);
+        this.play.addEventListener('click', () => {
+            this.api?.playPause();
+        });
+        this.seek = slider({
+            step: () => STEP,
+            page: () => PAGE,
+            onInput: (value) => {
+                if (this.seek.dragging()) {
+                    this.held = value;
+                    this.paint();
+                    return;
+                }
+                this.held = null;
+                this.api?.seek(value);
+            },
+            onDrag: (on) => {
+                this.toggleAttribute('dragging', on);
+                if (!on)
+                    this.held = null;
+            },
+        });
+        this.time = el('span', 'time');
+        this.row = el('div', 'row');
+        this.row.append(this.play, this.seek.root, this.time);
+        this.stop = el('button', 'stop');
+        this.stop.type = 'button';
+        this.stop.addEventListener('click', () => {
+            this.api?.stop();
+        });
+        box.append(this.title_, this.row, this.stop);
+        root.append(style(STYLE), box);
+    }
+    /** Hidden before attaching: a constructor must not add attributes. */
+    connectedCallback() {
+        if (this.player === null)
+            this.hidden = true;
+        super.connectedCallback();
+    }
+    attach(player) {
+        const api = cast(player);
+        this.api = api;
+        this.keep(api.watch(() => {
+            this.render();
+        }));
+        this.render();
+    }
+    detach() {
+        this.api = null;
+        this.hidden = true;
+    }
+    /** The slider and the time, from the receiver or from the held thumb. */
+    paint() {
+        const api = this.api;
+        if (api === null)
+            return;
+        const remote = api.remote();
+        const seekable = remote.loaded && Number.isFinite(remote.duration);
+        this.seek.root.hidden = !seekable;
+        this.time.hidden = !seekable;
+        if (!seekable)
+            return;
+        const at = this.held ?? remote.time;
+        this.seek.range(0, remote.duration);
+        this.seek.set(at, describe(at, remote.duration));
+        this.time.textContent = `${format(at)} / ${format(remote.duration)}`;
+    }
+    render() {
+        const api = this.api;
+        if (api === null)
+            return;
+        const remote = api.remote();
+        // Named while hidden too: a screen reader walks the tree either way.
+        const state = remote.loaded && !remote.paused ? 'pause' : 'play';
+        show(this.slots, state);
+        this.play.setAttribute('aria-label', this.getAttribute(`label-${state}`) ?? (state === 'play' ? 'Play' : 'Pause'));
+        this.seek.label(this.getAttribute('label-seek') ?? 'Seek');
+        this.stop.textContent = this.getAttribute('label-stop') ?? 'Stop casting';
+        const casting = api.state() === 'casting';
+        this.hidden = !casting;
+        if (!casting)
+            return;
+        this.title_.textContent = fill(this.getAttribute('label') ?? 'Casting to {device}', {
+            device: api.device() ?? '',
+        });
+        this.play.disabled = !remote.loaded;
+        this.paint();
+    }
+}
+//# sourceMappingURL=cast-screen.js.map

package/dist/cast-screen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cast-screen.js","sourceRoot":"","sources":["../src/cast-screen.ts"],"names":[],"mappings":"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"}

package/dist/cast.d.ts

@@ -0,0 +1,77 @@
+/**
+ * Chromecast from the page, over Google's Cast sender framework. The SDK is
+ * a script the page loads, never a dependency (rule 2): the helper puts it
+ * on the page the first time a cast button connects, unless it is already
+ * there or the button says `sdk="none"`. Its context is one per page by
+ * Google's design, so the receiver id the first button gives is the one
+ * the page keeps.
+ *
+ * One `Cast` per player. It owns the handoff and nothing on the video is
+ * wrapped (rule 3): on start it pauses the video, freezes the engine, and
+ * sends the session's source to the receiver at the video's time; on end
+ * it thaws the engine, seeks the video to the receiver's last time, and
+ * plays if the receiver was playing. The cast screen drives the receiver
+ * through the SDK's remote player meanwhile.
+ *
+ * The receiver plays the URL by itself, so DRM and signed URLs are the
+ * page's to arrange: the button dispatches `castload` with the request
+ * before it goes out, and the page sets `customData` or cancels.
+ */
+import type { PlayerHost } from './host.js';
+/** What the receiver plays. The page sees it as `castload`'s `detail`. */
+export interface MediaInfo {
+    contentId: string;
+    contentType: string;
+    streamType: string;
+    tracks: Track[] | null;
+    hlsSegmentFormat?: string;
+    hlsVideoSegmentFormat?: string;
+}
+export interface Track {
+    trackContentId: string;
+    trackContentType: string;
+    subtype: string;
+    name: string;
+    language: string;
+}
+export interface LoadRequest {
+    media: MediaInfo;
+    currentTime: number;
+    autoplay: boolean;
+    customData: unknown;
+}
+export type CastState = 'unavailable' | 'idle' | 'connecting' | 'casting';
+/** What the cast screen shows of the receiver. */
+export interface Remote {
+    readonly loaded: boolean;
+    readonly paused: boolean;
+    readonly time: number;
+    /** Infinity for a live stream, the way the video reports it. */
+    readonly duration: number;
+}
+export interface Cast {
+    /**
+     * Puts the SDK on the page unless `sdk` is `none` or it is already there,
+     * and sets the context up with `receiver`, or the default receiver. The
+     * first call on the page decides both; a later different receiver is an
+     * error on the console, not a second context.
+     */
+    connect(receiver: string | null, sdk: string | null): void;
+    /** The button left the player: a rejoined session no longer looks here. */
+    disconnect(): void;
+    state(): CastState;
+    /** The receiver's name while casting, or null. */
+    device(): string | null;
+    remote(): Remote;
+    /** Opens the device picker. `castload` goes out on `target` once a session starts. */
+    start(target: HTMLElement): void;
+    /** Ends the session and stops the receiver. */
+    stop(): void;
+    playPause(): void;
+    seek(time: number): void;
+    /** Runs `fn` on every change: devices, session, and the receiver's playback. Returns the unsubscribe. */
+    watch(fn: () => void): () => void;
+}
+/** The player's Cast, one per player, shared by its cast button and cast screen. */
+export declare function cast(player: PlayerHost): Cast;
+//# sourceMappingURL=cast.d.ts.map

package/dist/cast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cast.d.ts","sourceRoot":"","sources":["../src/cast.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAwD5C,0EAA0E;AAC1E,MAAM,WAAW,SAAS;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC;AAED,MAAM,WAAW,KAAK;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;CACrB;AAuCD,MAAM,MAAM,SAAS,GAAG,aAAa,GAAG,MAAM,GAAG,YAAY,GAAG,SAAS,CAAC;AAE1E,kDAAkD;AAClD,MAAM,WAAW,MAAM;IACrB,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,gEAAgE;IAChE,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;CAC3B;AAED,MAAM,WAAW,IAAI;IACnB;;;;;OAKG;IACH,OAAO,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;IAC3D,2EAA2E;IAC3E,UAAU,IAAI,IAAI,CAAC;IACnB,KAAK,IAAI,SAAS,CAAC;IACnB,kDAAkD;IAClD,MAAM,IAAI,MAAM,GAAG,IAAI,CAAC;IACxB,MAAM,IAAI,MAAM,CAAC;IACjB,sFAAsF;IACtF,KAAK,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;IACjC,+CAA+C;IAC/C,IAAI,IAAI,IAAI,CAAC;IACb,SAAS,IAAI,IAAI,CAAC;IAClB,IAAI,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,yGAAyG;IACzG,KAAK,CAAC,EAAE,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC;CACnC;AAuVD,oFAAoF;AACpF,wBAAgB,IAAI,CAAC,MAAM,EAAE,UAAU,GAAG,IAAI,CAO7C"}