@mattebox/player 0.1.0 → 0.3.0

package/dist/panels/quality.js

@@ -1,59 +0,0 @@
-import { el, fill, menu } from '../dom.js';
-const AUTO = 'auto';
-/** A rendition's height when the manifest declared one, its bitrate otherwise. */
-function label(rendition) {
-    if (rendition.height !== undefined)
-        return `${rendition.height}p`;
-    return `${Math.round(rendition.bitrate / 1000)} kbps`;
-}
-export const qualityPanel = (session, video) => {
-    const engine = session.engine;
-    if (engine === null)
-        return null;
-    const quality = engine.quality;
-    const root = el('div', 'panel quality');
-    const [wrapper, select] = menu('quality', 'Quality');
-    const playing = el('span', 'value quality-playing');
-    root.append(wrapper, playing);
-    let shown = '';
-    function render() {
-        const items = [[AUTO, 'Auto']];
-        for (const rendition of quality.renditions)
-            items.push([rendition.id, label(rendition)]);
-        fill(select, items, quality.pinned ?? AUTO);
-        root.hidden = quality.renditions.length === 0;
-    }
-    function tick() {
-        const current = quality.playing === null ? '' : label(quality.playing);
-        if (current === shown)
-            return;
-        shown = current;
-        playing.textContent = current;
-    }
-    select.addEventListener('change', () => {
-        if (select.value === AUTO)
-            quality.auto();
-        else
-            quality.pin(select.value);
-    });
-    const offs = [
-        engine.on('tracks:changed', render),
-        engine.on('quality:constraints-unsatisfiable', render),
-        engine.on('quality:pin-unsatisfiable', render),
-    ];
-    // No event reports the playing rendition: it is derived from currentTime
-    // against the append log, so the element reads it on the clock the video
-    // already ticks.
-    video.addEventListener('timeupdate', tick);
-    render();
-    tick();
-    return {
-        root,
-        dispose() {
-            for (const off of offs)
-                off();
-            video.removeEventListener('timeupdate', tick);
-        },
-    };
-};
-//# sourceMappingURL=quality.js.map

package/dist/panels/quality.js.map

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

package/dist/panels/tracks.d.ts

@@ -1,3 +0,0 @@
-import type { PanelFactory } from './panel.js';
-export declare const tracksPanel: PanelFactory;
-//# sourceMappingURL=tracks.d.ts.map

package/dist/panels/tracks.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tracks.d.ts","sourceRoot":"","sources":["../../src/panels/tracks.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAS,YAAY,EAAE,MAAM,YAAY,CAAC;AAUtD,eAAO,MAAM,WAAW,EAAE,YA+CzB,CAAC"}

package/dist/panels/tracks.js

@@ -1,49 +0,0 @@
-import { el, fill, menu } from '../dom.js';
-const OFF = 'off';
-/** The language, then the role, then the id: whichever the manifest gave. */
-function label(track) {
-    const parts = [track.lang, track.role].filter((part) => part !== undefined);
-    return parts.length === 0 ? track.id : parts.join(' · ');
-}
-export const tracksPanel = (session) => {
-    const engine = session.engine;
-    if (engine === null)
-        return null;
-    const tracks = engine.tracks;
-    const root = el('div', 'panel tracks');
-    const [audioLabel, audio] = menu('audio', 'Audio');
-    const [textLabel, text] = menu('text', 'Subtitles');
-    root.append(audioLabel, textLabel);
-    function renderOne(select, wrapper, contentType, off) {
-        const available = tracks.available.filter((track) => track.contentType === contentType);
-        const items = off ? [[OFF, 'Off']] : [];
-        for (const track of available)
-            items.push([track.id, label(track)]);
-        fill(select, items, tracks.active(contentType)?.id ?? OFF);
-        wrapper.hidden = available.length === 0;
-        return available.length;
-    }
-    function render() {
-        const count = renderOne(audio, audioLabel, 'audio', false) + renderOne(text, textLabel, 'text', true);
-        root.hidden = count === 0;
-    }
-    audio.addEventListener('change', () => {
-        tracks.select(audio.value);
-    });
-    text.addEventListener('change', () => {
-        if (text.value === OFF)
-            tracks.deselect('text');
-        else
-            tracks.select(text.value);
-    });
-    const offs = [engine.on('tracks:changed', render), engine.on('tracks:selected', render)];
-    render();
-    return {
-        root,
-        dispose() {
-            for (const off of offs)
-                off();
-        },
-    };
-};
-//# sourceMappingURL=tracks.js.map

package/dist/panels/tracks.js.map

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