@gcorevideo/player 0.0.1

package/lib/plugins/disable-controls/DisableControls.js

@@ -0,0 +1,69 @@
+import { UICorePlugin, Events } from '@clappr/core';
+import assert from 'assert';
+assert(process.env.CLAPPR_VERSION, 'CLAPPR_VERSION is required');
+const CLAPPR_VERSION = process.env.CLAPPR_VERSION;
+export default class DisableControls extends UICorePlugin {
+    get name() {
+        return 'disable-controls';
+    }
+    get container() {
+        return this.core && this.core.activeContainer;
+    }
+    get supportedVersion() {
+        return { min: CLAPPR_VERSION };
+    }
+    bindEvents() {
+        if (this.container) {
+            this.listenTo(this.container, Events.CONTAINER_MEDIACONTROL_ENABLE, this.enableControls);
+            this.listenTo(this.container, Events.CONTAINER_PLAY, this.enableControls);
+            this.listenTo(this.container, Events.CONTAINER_PAUSE, this.enableControls);
+            this.listenTo(this.container, Events.CONTAINER_STOP, this.enableControls);
+            this.listenTo(this.container, Events.CONTAINER_ENDED, this.enableControls);
+            this.listenTo(this.container, 'container:advertisement:start', this.enableControls);
+        }
+        this.listenTo(this.core, Events.CORE_READY, this.onCoreReady);
+        this.listenTo(this.core.mediaControl, Events.MEDIACONTROL_SHOW, this.enableControls);
+        this.listenTo(this.core.mediaControl, Events.MEDIACONTROL_CONTAINERCHANGED, this.enableControls);
+    }
+    unbindEvents() {
+        // @ts-ignore
+        this.stopListening(this.core, Events.CORE_READY);
+        // @ts-ignore
+        this.stopListening(this.core.mediaControl, Events.MEDIACONTROL_SHOW);
+        // @ts-ignore
+        this.stopListening(this.core.mediaControl, Events.MEDIACONTROL_CONTAINERCHANGED);
+        // @ts-ignore
+        this.stopListening(this.container, Events.CONTAINER_MEDIACONTROL_ENABLE);
+        // @ts-ignore
+        this.stopListening(this.container, Events.CONTAINER_PLAY);
+        // @ts-ignore
+        this.stopListening(this.container, Events.CONTAINER_PAUSE);
+        // @ts-ignore
+        this.stopListening(this.container, Events.CONTAINER_STOP);
+        // @ts-ignore
+        this.stopListening(this.container, Events.CONTAINER_ENDED);
+        // @ts-ignore
+        this.stopListening(this.container, 'container:advertisement:start');
+    }
+    setDisableStyles() {
+        const css = document.createElement('style');
+        const styles = '.control-need-disable { display: none!important; }';
+        css.appendChild(document.createTextNode(styles));
+        this.core.$el.get(0).appendChild(css);
+    }
+    onCoreReady() {
+        this.setDisableStyles();
+        this.bindEvents();
+        this.enableControls();
+    }
+    enableControls() {
+        this.disableAllControls();
+    }
+    disableAllControls() {
+        setTimeout(() => {
+            const spinnerPlugin = this.container.getPlugin('spinner');
+            spinnerPlugin?.destroy();
+            this.container.disableMediaControl();
+        }, 0);
+    }
+}

package/lib/plugins/dvr-controls/DVRControls.d.ts

@@ -0,0 +1,27 @@
+import { Core, UICorePlugin } from '@clappr/core';
+import '../../../assets/plugins/dvr-controls/dvr_controls.scss';
+export default class DVRControls extends UICorePlugin {
+    get template(): any;
+    get name(): string;
+    get supportedVersion(): {
+        min: string | undefined;
+    };
+    get events(): {
+        'click .live-button': string;
+    };
+    get attributes(): {
+        class: string;
+        'data-dvr-controls': string;
+    };
+    constructor(core: Core);
+    bindEvents(): void;
+    private bindCoreEvents;
+    private bindContainerEvents;
+    private containerChanged;
+    private dvrChanged;
+    click(): void;
+    settingsUpdate(): void;
+    shouldRender(): boolean;
+    render(): this;
+}
+//# sourceMappingURL=DVRControls.d.ts.map

package/lib/plugins/dvr-controls/DVRControls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DVRControls.d.ts","sourceRoot":"","sources":["../../../src/plugins/dvr-controls/DVRControls.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAoB,YAAY,EAAY,MAAM,cAAc,CAAC;AAG9E,OAAO,wDAAwD,CAAC;AAEhE,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,YAAY;IACnD,IAAI,QAAQ,QAEX;IAED,IAAI,IAAI,WAEP;IAED,IAAI,gBAAgB;;MAEnB;IAED,IAAI,MAAM;;MAIT;IAED,IAAI,UAAU;;;MAKb;gBAEW,IAAI,EAAE,IAAI;IAKtB,UAAU;IASV,OAAO,CAAC,cAAc;IAUtB,OAAO,CAAC,mBAAmB;IAO3B,OAAO,CAAC,gBAAgB;IAMxB,OAAO,CAAC,UAAU;IAkBlB,KAAK;IAaL,cAAc;IAWd,YAAY;IAMZ,MAAM;CAYP"}

package/lib/plugins/dvr-controls/DVRControls.js

@@ -0,0 +1,110 @@
+import { Events, Playback, UICorePlugin, template } from '@clappr/core';
+import dvrHTML from '../../../assets/plugins/dvr-controls/index.ejs';
+import '../../../assets/plugins/dvr-controls/dvr_controls.scss';
+export default class DVRControls extends UICorePlugin {
+    get template() {
+        return template(dvrHTML);
+    }
+    get name() {
+        return 'dvr_controls';
+    }
+    get supportedVersion() {
+        return { min: process.env.CLAPPR_VERSION };
+    }
+    get events() {
+        return {
+            'click .live-button': 'click'
+        };
+    }
+    get attributes() {
+        return {
+            'class': 'dvr-controls',
+            'data-dvr-controls': ''
+        };
+    }
+    constructor(core) {
+        super(core);
+        this.settingsUpdate();
+    }
+    bindEvents() {
+        this.bindCoreEvents();
+        this.bindContainerEvents();
+        if (this.core.activeContainer) {
+            this.listenTo(this.core.activeContainer, Events.CONTAINER_PLAYBACKDVRSTATECHANGED, this.dvrChanged);
+        }
+    }
+    bindCoreEvents() {
+        if (this.core.mediaControl.settings) {
+            this.listenTo(this.core.mediaControl, Events.MEDIACONTROL_CONTAINERCHANGED, this.containerChanged);
+            this.listenTo(this.core.mediaControl, Events.MEDIACONTROL_RENDERED, this.settingsUpdate);
+            this.listenTo(this.core, Events.CORE_OPTIONS_CHANGE, this.render);
+        }
+        else {
+            setTimeout(() => this.bindCoreEvents(), 100);
+        }
+    }
+    bindContainerEvents() {
+        if (this.core.activeContainer) {
+            this.listenToOnce(this.core.activeContainer, Events.CONTAINER_TIMEUPDATE, this.render);
+            this.listenTo(this.core.activeContainer, Events.CONTAINER_PLAYBACKDVRSTATECHANGED, this.dvrChanged);
+        }
+    }
+    containerChanged() {
+        // @ts-ignore
+        this.stopListening();
+        this.bindEvents();
+    }
+    dvrChanged(dvrEnabled) {
+        if (this.core.getPlaybackType() !== Playback.LIVE) {
+            return;
+        }
+        this.settingsUpdate();
+        this.core.mediaControl.$el.addClass('live');
+        if (dvrEnabled) {
+            this.core.mediaControl.$playbackRate.removeClass('playbackrate-enable');
+            this.core.mediaControl.$el
+                .addClass('dvr')
+                .find('.media-control-indicator[data-position], .media-control-indicator[data-duration]')
+                .hide();
+        }
+        else {
+            this.core.mediaControl.$playbackRate.addClass('playbackrate-enable');
+            this.core.mediaControl.$el.removeClass('dvr');
+        }
+    }
+    click() {
+        const mediaControl = this.core.mediaControl;
+        const container = mediaControl.container;
+        if (!container.isPlaying()) {
+            container.play();
+        }
+        if (mediaControl.$el.hasClass('dvr')) {
+            container.seek(container.getDuration());
+        }
+    }
+    settingsUpdate() {
+        // @ts-ignore
+        this.stopListening();
+        this.core.mediaControl.$el.removeClass('live');
+        if (this.shouldRender()) {
+            this.render();
+            this.$el.click(() => this.click());
+        }
+        this.bindEvents();
+    }
+    shouldRender() {
+        const useDvrControls = this.core.options.useDvrControls === undefined || !!this.core.options.useDvrControls;
+        return useDvrControls && this.core.getPlaybackType() === Playback.LIVE;
+    }
+    render() {
+        this.$el.html(this.template({
+            live: this.core.i18n.t('live'),
+            backToLive: this.core.i18n.t('back_to_live')
+        }));
+        if (this.shouldRender()) {
+            this.core.mediaControl.$el.addClass('live');
+            this.core.mediaControl.$('.media-control-left-panel[data-media-control]').append(this.$el);
+        }
+        return this;
+    }
+}

package/lib/plugins/hls-playback/HlsPlayback.d.ts

@@ -0,0 +1,102 @@
+import { HTML5Video } from '@clappr/core';
+import HLSJS, { HlsEvents, type HlsErrorData, type FragChangedData, type FragLoadedData, type FragParsingMetadataData, type LevelSwitchingData } from 'hls.js';
+import { PlaybackType } from '../../types';
+type ErrorInfo = Record<string, unknown>;
+export default class HlsPlayback extends HTML5Video {
+    private _ccIsSetup;
+    private _ccTracksUpdated;
+    private _currentFragment;
+    private _currentLevel;
+    private _durationExcludesAfterLiveSyncPoint;
+    private _extrapolatedWindowNumSegments;
+    private highDefinition;
+    private _hls;
+    private _isReadyState;
+    private _lastDuration;
+    private _lastTimeUpdate;
+    private _levels;
+    private _localStartTimeCorrelation;
+    private _localEndTimeCorrelation;
+    private _manifestParsed;
+    private _playableRegionDuration;
+    private _playbackType;
+    private _playlistType;
+    private _playableRegionStartTime;
+    private _programDateTime;
+    private _recoverAttemptsRemaining;
+    private _recoveredAudioCodecError;
+    private _recoveredDecodingError;
+    private _segmentTargetDuration;
+    private _timeUpdateTimer;
+    get name(): string;
+    get supportedVersion(): {
+        min: string;
+    };
+    get levels(): any[];
+    get currentLevel(): number;
+    get isReady(): boolean;
+    set currentLevel(id: number);
+    get latency(): number;
+    get currentProgramDateTime(): Date;
+    get _startTime(): number;
+    get _now(): number;
+    get _extrapolatedStartTime(): number;
+    get _extrapolatedEndTime(): number;
+    get _duration(): number;
+    get _extrapolatedWindowDuration(): number;
+    get bandwidthEstimate(): number | null;
+    get defaultOptions(): {
+        preload: boolean;
+    };
+    get customListeners(): any;
+    get sourceMedia(): any;
+    get currentTimestamp(): number | null;
+    static get HLSJS(): typeof HLSJS;
+    constructor(...args: any[]);
+    _setInitialState(): void;
+    _setup(): void;
+    _destroyHLSInstance(): void;
+    _createHLSInstance(): void;
+    _attachHLSMedia(): void;
+    _listenHLSEvents(): void;
+    bindCustomListeners(): void;
+    unbindCustomListeners(): void;
+    _onFragmentParsingMetadata(evt: HlsEvents.FRAG_PARSING_METADATA, data: FragParsingMetadataData): void;
+    render(): import("@clappr/core").UIObject;
+    _ready(): void;
+    _recover(evt: HlsEvents.ERROR, data: HlsErrorData, error: ErrorInfo): void;
+    _setupSrc(srcUrl: string): void;
+    _startTimeUpdateTimer(): void;
+    _stopTimeUpdateTimer(): void;
+    getProgramDateTime(): string | null;
+    getDuration(): number;
+    getCurrentTime(): number;
+    getStartTimeOffset(): number;
+    seekPercentage(percentage: number): void;
+    seek(time: number): void;
+    seekToLivePoint(): void;
+    _updateDvr(status: boolean): void;
+    _updateSettings(): void;
+    _onHLSJSError(evt: HlsEvents.ERROR, data: HlsErrorData): void;
+    _keyIsDenied(data: HlsErrorData): boolean | 0 | undefined;
+    _onTimeUpdate(): void;
+    _onDurationChange(): void;
+    _onProgress(): void;
+    load(url: string): void;
+    play(): void;
+    pause(): void;
+    stop(): void;
+    destroy(): import("@clappr/core").UIObject;
+    private _updatePlaybackType;
+    private _fillLevels;
+    private _onLevelUpdated;
+    _onFragmentChanged(evt: HlsEvents.FRAG_CHANGED, data: FragChangedData): void;
+    _onFragmentLoaded(evt: HlsEvents.FRAG_LOADED, data: FragLoadedData): void;
+    _onSubtitleLoaded(): void;
+    _onLevelSwitch(evt: HlsEvents.LEVEL_SWITCHING, data: LevelSwitchingData): void;
+    get dvrEnabled(): boolean;
+    getPlaybackType(): PlaybackType;
+    isSeekEnabled(): boolean;
+}
+export {};
+//# sourceMappingURL=HlsPlayback.d.ts.map

package/lib/plugins/hls-playback/HlsPlayback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HlsPlayback.d.ts","sourceRoot":"","sources":["../../../src/plugins/hls-playback/HlsPlayback.ts"],"names":[],"mappings":"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"}