@gcorevideo/player 0.0.1 → 0.0.2

package/dist/HlsPlayback-CYDGVQC4.js

@@ -0,0 +1,750 @@
+import { HTML5Video, Playback, Events, Log, PlayerError, Utils } from '@clappr/core';
+import { a as assert } from './index-DTOY9tbl.js';
+import HLSJS from 'hls.js';
+import 'event-lite';
+
+// Copyright 2014 Globo.com Player authors. All rights reserved.
+// Use of this source code is governed by a BSD-style
+// license that can be found in the LICENSE file.
+const { now, listContainsIgnoreCase } = Utils;
+assert(process.env.CLAPPR_VERSION, 'CLAPPR_VERSION is required');
+const CLAPPR_VERSION = process.env.CLAPPR_VERSION;
+const AUTO = -1;
+const DEFAULT_RECOVER_ATTEMPTS = 16;
+Events.register('PLAYBACK_FRAGMENT_CHANGED');
+Events.register('PLAYBACK_FRAGMENT_PARSING_METADATA');
+class HlsPlayback extends HTML5Video {
+    _ccIsSetup = false;
+    _ccTracksUpdated = false;
+    _currentFragment = null;
+    _currentLevel = null;
+    _durationExcludesAfterLiveSyncPoint = false;
+    _extrapolatedWindowNumSegments = 0; // TODO
+    highDefinition = false;
+    _hls = null;
+    _isReadyState = false;
+    _lastDuration = null;
+    _lastTimeUpdate = null;
+    _levels = null;
+    _localStartTimeCorrelation = null;
+    _localEndTimeCorrelation = null;
+    _manifestParsed = false;
+    _playableRegionDuration = 0;
+    _playbackType = Playback.VOD;
+    _playlistType = null;
+    _playableRegionStartTime = 0;
+    _programDateTime = null;
+    _recoverAttemptsRemaining = 0;
+    _recoveredAudioCodecError = false;
+    _recoveredDecodingError = false;
+    _segmentTargetDuration = null;
+    _timeUpdateTimer = null;
+    get name() {
+        return 'hls';
+    }
+    get supportedVersion() {
+        return { min: CLAPPR_VERSION };
+    }
+    get levels() {
+        return this._levels || [];
+    }
+    get currentLevel() {
+        return this._currentLevel ?? AUTO;
+    }
+    get isReady() {
+        return this._isReadyState;
+    }
+    set currentLevel(id) {
+        this._currentLevel = id;
+        this.trigger(Events.PLAYBACK_LEVEL_SWITCH_START);
+        assert.ok(this._hls, 'Hls.js instance is not available');
+        if (this.options.playback.hlsUseNextLevel) {
+            this._hls.nextLevel = this._currentLevel;
+        }
+        else {
+            this._hls.currentLevel = this._currentLevel;
+        }
+    }
+    get latency() {
+        assert.ok(this._hls, 'Hls.js instance is not available');
+        return this._hls.latency;
+    }
+    get currentProgramDateTime() {
+        assert.ok(this._hls, 'Hls.js instance is not available');
+        assert.ok(this._hls.playingDate, 'Hls.js playingDate is not defined');
+        return this._hls.playingDate;
+    }
+    get _startTime() {
+        if (this._playbackType === Playback.LIVE && this._playlistType !== 'EVENT') {
+            return this._extrapolatedStartTime;
+        }
+        return this._playableRegionStartTime;
+    }
+    get _now() {
+        return now();
+    }
+    // the time in the video element which should represent the start of the sliding window
+    // extrapolated to increase in real time (instead of jumping as the early segments are removed)
+    get _extrapolatedStartTime() {
+        if (!this._localStartTimeCorrelation) {
+            return this._playableRegionStartTime;
+        }
+        const corr = this._localStartTimeCorrelation;
+        const timePassed = this._now - corr.local;
+        const extrapolatedWindowStartTime = (corr.remote + timePassed) / 1000;
+        // cap at the end of the extrapolated window duration
+        return Math.min(extrapolatedWindowStartTime, this._playableRegionStartTime + this._extrapolatedWindowDuration);
+    }
+    // the time in the video element which should represent the end of the content
+    // extrapolated to increase in real time (instead of jumping as segments are added)
+    get _extrapolatedEndTime() {
+        const actualEndTime = this._playableRegionStartTime + this._playableRegionDuration;
+        if (!this._localEndTimeCorrelation) {
+            return actualEndTime;
+        }
+        const correlation = this._localEndTimeCorrelation;
+        const timePassed = this._now - correlation.local;
+        const extrapolatedEndTime = (correlation.remote + timePassed) / 1000;
+        return Math.max(actualEndTime - this._extrapolatedWindowDuration, Math.min(extrapolatedEndTime, actualEndTime));
+    }
+    get _duration() {
+        return this._extrapolatedEndTime - this._startTime;
+    }
+    // Returns the duration (seconds) of the window that the extrapolated start time is allowed
+    // to move in before being capped.
+    // The extrapolated start time should never reach the cap at the end of the window as the
+    // window should slide as chunks are removed from the start.
+    // This also applies to the extrapolated end time in the same way.
+    //
+    // If chunks aren't being removed for some reason that the start time will reach and remain fixed at
+    // playableRegionStartTime + extrapolatedWindowDuration
+    //
+    //                                <-- window duration -->
+    // I.e   playableRegionStartTime |-----------------------|
+    //                               | -->   .       .       .
+    //                               .   --> | -->   .       .
+    //                               .       .   --> | -->   .
+    //                               .       .       .   --> |
+    //                               .       .       .       .
+    //                                 extrapolatedStartTime
+    get _extrapolatedWindowDuration() {
+        if (this._segmentTargetDuration === null) {
+            return 0;
+        }
+        return this._extrapolatedWindowNumSegments * this._segmentTargetDuration;
+    }
+    get bandwidthEstimate() {
+        return this._hls && this._hls.bandwidthEstimate;
+    }
+    get defaultOptions() {
+        return { preload: true };
+    }
+    get customListeners() {
+        return this.options.hlsPlayback && this.options.hlsPlayback.customListeners || [];
+    }
+    get sourceMedia() {
+        return this.options.src;
+    }
+    get currentTimestamp() {
+        if (!this._currentFragment) {
+            return null;
+        }
+        assert(this._currentFragment.programDateTime !== null, 'Hls.js programDateTime is not defined');
+        const startTime = this._currentFragment.programDateTime;
+        const playbackTime = this.el.currentTime;
+        const playTimeOffSet = playbackTime - this._currentFragment.start;
+        const currentTimestampInMs = startTime + playTimeOffSet * 1000;
+        return currentTimestampInMs / 1000;
+    }
+    static get HLSJS() {
+        return HLSJS;
+    }
+    constructor(...args) {
+        // @ts-ignore
+        super(...args);
+        this.options.hlsPlayback = { ...this.defaultOptions, ...this.options.hlsPlayback };
+        this._setInitialState();
+    }
+    _setInitialState() {
+        // @ts-ignore
+        this._minDvrSize = typeof (this.options.hlsMinimumDvrSize) === 'undefined' ? 60 : this.options.hlsMinimumDvrSize;
+        // The size of the start time extrapolation window measured as a multiple of segments.
+        // Should be 2 or higher, or 0 to disable. Should only need to be increased above 2 if more than one segment is
+        // removed from the start of the playlist at a time. E.g if the playlist is cached for 10 seconds and new chunks are
+        // added/removed every 5.
+        this._extrapolatedWindowNumSegments = !this.options.playback || typeof (this.options.playback.extrapolatedWindowNumSegments) === 'undefined' ? 2 : this.options.playback.extrapolatedWindowNumSegments;
+        this._playbackType = Playback.VOD;
+        this._lastTimeUpdate = { current: 0, total: 0 };
+        this._lastDuration = null;
+        // for hls streams which have dvr with a sliding window,
+        // the content at the start of the playlist is removed as new
+        // content is appended at the end.
+        // this means the actual playable start time will increase as the
+        // start content is deleted
+        // For streams with dvr where the entire recording is kept from the
+        // beginning this should stay as 0
+        this._playableRegionStartTime = 0;
+        // {local, remote} remote is the time in the video element that should represent 0
+        //                 local is the system time when the 'remote' measurment took place
+        this._localStartTimeCorrelation = null;
+        // {local, remote} remote is the time in the video element that should represents the end
+        //                 local is the system time when the 'remote' measurment took place
+        this._localEndTimeCorrelation = null;
+        // if content is removed from the beginning then this empty area should
+        // be ignored. "playableRegionDuration" excludes the empty area
+        this._playableRegionDuration = 0;
+        // #EXT-X-PROGRAM-DATE-TIME
+        this._programDateTime = null;
+        // true when the actual duration is longer than hlsjs's live sync point
+        // when this is false playableRegionDuration will be the actual duration
+        // when this is true playableRegionDuration will exclude the time after the sync point
+        this._durationExcludesAfterLiveSyncPoint = false;
+        // #EXT-X-TARGETDURATION
+        this._segmentTargetDuration = null;
+        // #EXT-X-PLAYLIST-TYPE
+        this._playlistType = null;
+        // TODO options.hlsRecoverAttempts
+        this._recoverAttemptsRemaining = this.options.hlsRecoverAttempts || DEFAULT_RECOVER_ATTEMPTS;
+    }
+    _setup() {
+        this._destroyHLSInstance();
+        this._createHLSInstance();
+        this._listenHLSEvents();
+        this._attachHLSMedia();
+    }
+    _destroyHLSInstance() {
+        if (!this._hls) {
+            return;
+        }
+        this._manifestParsed = false;
+        this._ccIsSetup = false;
+        this._ccTracksUpdated = false;
+        this._setInitialState();
+        this._hls.destroy();
+        this._hls = null;
+    }
+    _createHLSInstance() {
+        const config = {
+            ...this.options.playback.hlsjsConfig,
+            maxBufferLength: 2,
+            maxMaxBufferLength: 4,
+        };
+        this._hls = new HLSJS(config);
+    }
+    _attachHLSMedia() {
+        if (!this._hls) {
+            return;
+        }
+        this._hls.attachMedia(this.el);
+    }
+    _listenHLSEvents() {
+        if (!this._hls) {
+            return;
+        }
+        this._hls.once(HLSJS.Events.MEDIA_ATTACHED, () => {
+            assert.ok(this._hls, 'Hls.js instance is not available');
+            this.options.hlsPlayback.preload && this._hls.loadSource(this.options.src);
+        });
+        const onPlaying = () => {
+            if (this._hls) {
+                this._hls.config.maxBufferLength = this.options.hlsPlayback.maxBufferLength || 30;
+                this._hls.config.maxMaxBufferLength = this.options.hlsPlayback.maxMaxBufferLength || 60;
+            }
+            this.el.removeEventListener('playing', onPlaying);
+        };
+        this.el.addEventListener('playing', onPlaying);
+        this._hls.on(HLSJS.Events.MANIFEST_PARSED, () => this._manifestParsed = true);
+        this._hls.on(HLSJS.Events.LEVEL_LOADED, (evt, data) => this._updatePlaybackType(evt, data));
+        this._hls.on(HLSJS.Events.LEVEL_UPDATED, (evt, data) => this._onLevelUpdated(evt, data));
+        this._hls.on(HLSJS.Events.LEVEL_SWITCHING, (evt, data) => this._onLevelSwitch(evt, data));
+        this._hls.on(HLSJS.Events.FRAG_CHANGED, (evt, data) => this._onFragmentChanged(evt, data));
+        this._hls.on(HLSJS.Events.FRAG_LOADED, (evt, data) => this._onFragmentLoaded(evt, data));
+        this._hls.on(HLSJS.Events.FRAG_PARSING_METADATA, (evt, data) => this._onFragmentParsingMetadata(evt, data));
+        this._hls.on(HLSJS.Events.ERROR, (evt, data) => this._onHLSJSError(evt, data));
+        // this._hls.on(HLSJS.Events.SUBTITLE_TRACK_LOADED, (evt, data) => this._onSubtitleLoaded(evt, data));
+        this._hls.on(HLSJS.Events.SUBTITLE_TRACK_LOADED, () => this._onSubtitleLoaded());
+        this._hls.on(HLSJS.Events.SUBTITLE_TRACKS_UPDATED, () => this._ccTracksUpdated = true);
+        this.bindCustomListeners();
+    }
+    bindCustomListeners() {
+        this.customListeners.forEach((item) => {
+            const requestedEventName = item.eventName;
+            const typeOfListener = item.once ? 'once' : 'on';
+            assert.ok(this._hls, 'Hls.js instance is not available');
+            requestedEventName && this._hls[`${typeOfListener}`](requestedEventName, item.callback);
+        });
+    }
+    unbindCustomListeners() {
+        this.customListeners.forEach((item) => {
+            const requestedEventName = item.eventName;
+            assert.ok(this._hls, 'Hls.js instance is not available');
+            requestedEventName && this._hls.off(requestedEventName, item.callback);
+        });
+    }
+    _onFragmentParsingMetadata(evt, data) {
+        // @ts-ignore
+        this.trigger(Events.Custom.PLAYBACK_FRAGMENT_PARSING_METADATA, { evt, data });
+    }
+    render() {
+        this._ready();
+        return super.render();
+    }
+    _ready() {
+        if (this._isReadyState) {
+            return;
+        }
+        !this._hls && this._setup();
+        this._isReadyState = true;
+        this.trigger(Events.PLAYBACK_READY, this.name);
+    }
+    _recover(evt, data, error) {
+        if (!this._recoveredDecodingError) {
+            this._recoveredDecodingError = true;
+            assert(this._hls, 'Hls.js instance is not available');
+            this._hls.recoverMediaError();
+        }
+        else if (!this._recoveredAudioCodecError) {
+            this._recoveredAudioCodecError = true;
+            assert(this._hls, 'Hls.js instance is not available');
+            this._hls.swapAudioCodec();
+            this._hls.recoverMediaError();
+        }
+        else {
+            Log.error('hlsjs: failed to recover', { evt, data });
+            error.level = PlayerError.Levels.FATAL;
+            const formattedError = this.createError(error);
+            this.trigger(Events.PLAYBACK_ERROR, formattedError);
+            this.stop();
+        }
+    }
+    // override
+    // this playback manages the src on the video element itself
+    _setupSrc(srcUrl) { } // eslint-disable-line no-unused-vars
+    _startTimeUpdateTimer() {
+        if (this._timeUpdateTimer) {
+            return;
+        }
+        this._timeUpdateTimer = setInterval(() => {
+            this._onDurationChange();
+            this._onTimeUpdate();
+        }, 100);
+    }
+    _stopTimeUpdateTimer() {
+        if (!this._timeUpdateTimer) {
+            return;
+        }
+        clearInterval(this._timeUpdateTimer);
+        this._timeUpdateTimer = null;
+    }
+    getProgramDateTime() {
+        return this._programDateTime;
+    }
+    // the duration on the video element itself should not be used
+    // as this does not necesarily represent the duration of the stream
+    // https://github.com/clappr/clappr/issues/668#issuecomment-157036678
+    getDuration() {
+        return this._duration;
+    }
+    getCurrentTime() {
+        // e.g. can be < 0 if user pauses near the start
+        // eventually they will then be kicked to the end by hlsjs if they run out of buffer
+        // before the official start time
+        return Math.max(0, this.el.currentTime - this._startTime);
+    }
+    // the time that "0" now represents relative to when playback started
+    // for a stream with a sliding window this will increase as content is
+    // removed from the beginning
+    getStartTimeOffset() {
+        return this._startTime;
+    }
+    seekPercentage(percentage) {
+        const seekTo = (percentage > 0)
+            ? this._duration * (percentage / 100)
+            : this._duration;
+        this.seek(seekTo);
+    }
+    seek(time) {
+        if (time < 0) {
+            Log.warn('Attempt to seek to a negative time. Resetting to live point. Use seekToLivePoint() to seek to the live point.');
+            time = this.getDuration();
+        }
+        // assume live if time within 3 seconds of end of stream
+        this.dvrEnabled && this._updateDvr(time < this.getDuration() - 3);
+        time += this._startTime;
+        this.el.currentTime = time;
+    }
+    seekToLivePoint() {
+        this.seek(this.getDuration());
+    }
+    _updateDvr(status) {
+        this.trigger(Events.PLAYBACK_DVR, status);
+        this.trigger(Events.PLAYBACK_STATS_ADD, { 'dvr': status });
+    }
+    _updateSettings() {
+        if (this._playbackType === Playback.VOD) {
+            this.settings.left = ['playpause', 'position', 'duration'];
+        }
+        else if (this.dvrEnabled) {
+            this.settings.left = ['playpause'];
+        }
+        else {
+            this.settings.left = ['playstop'];
+        }
+        this.settings.seekEnabled = this.isSeekEnabled();
+        this.trigger(Events.PLAYBACK_SETTINGSUPDATE);
+    }
+    _onHLSJSError(evt, data) {
+        const error = {
+            code: `${data.type}_${data.details}`,
+            description: `${this.name} error: type: ${data.type}, details: ${data.details}`,
+            raw: data,
+        };
+        let formattedError;
+        if (data.response) {
+            error.description += `, response: ${JSON.stringify(data.response)}`;
+        }
+        // only report/handle errors if they are fatal
+        // hlsjs should automatically handle non fatal errors
+        if (data.fatal) {
+            if (this._recoverAttemptsRemaining > 0) {
+                this._recoverAttemptsRemaining -= 1;
+                switch (data.type) {
+                    case HLSJS.ErrorTypes.NETWORK_ERROR:
+                        switch (data.details) {
+                            // The following network errors cannot be recovered with HLS.startLoad()
+                            // For more details, see https://github.com/video-dev/hls.js/blob/master/doc/design.md#error-detection-and-handling
+                            // For "level load" fatal errors, see https://github.com/video-dev/hls.js/issues/1138
+                            case HLSJS.ErrorDetails.MANIFEST_LOAD_ERROR:
+                            case HLSJS.ErrorDetails.MANIFEST_LOAD_TIMEOUT:
+                            case HLSJS.ErrorDetails.MANIFEST_PARSING_ERROR:
+                            case HLSJS.ErrorDetails.LEVEL_LOAD_ERROR:
+                            case HLSJS.ErrorDetails.LEVEL_LOAD_TIMEOUT:
+                                Log.error('hlsjs: unrecoverable network fatal error.', { evt, data });
+                                formattedError = this.createError(error);
+                                this.trigger(Events.PLAYBACK_ERROR, formattedError);
+                                this.stop();
+                                break;
+                            default:
+                                Log.warn('hlsjs: trying to recover from network error.', { evt, data });
+                                error.level = PlayerError.Levels.WARN;
+                                assert(this._hls, 'Hls.js instance is not available');
+                                this._hls.startLoad();
+                                break;
+                        }
+                        break;
+                    case HLSJS.ErrorTypes.MEDIA_ERROR:
+                        Log.warn('hlsjs: trying to recover from media error.', { evt, data });
+                        error.level = PlayerError.Levels.WARN;
+                        this._recover(evt, data, error);
+                        break;
+                    default:
+                        Log.error('hlsjs: could not recover from error.', { evt, data });
+                        formattedError = this.createError(error);
+                        this.trigger(Events.PLAYBACK_ERROR, formattedError);
+                        this.stop();
+                        break;
+                }
+            }
+            else {
+                Log.error('hlsjs: could not recover from error after maximum number of attempts.', { evt, data });
+                formattedError = this.createError(error);
+                this.trigger(Events.PLAYBACK_ERROR, formattedError);
+                this.stop();
+            }
+        }
+        else {
+            // Transforms HLSJS.ErrorDetails.KEY_LOAD_ERROR non-fatal error to
+            // playback fatal error if triggerFatalErrorOnResourceDenied playback
+            // option is set. HLSJS.ErrorTypes.KEY_SYSTEM_ERROR are fatal errors
+            // and therefore already handled.
+            if (this.options.playback.triggerFatalErrorOnResourceDenied && this._keyIsDenied(data)) {
+                Log.error('hlsjs: could not load decrypt key.', { evt, data });
+                formattedError = this.createError(error);
+                this.trigger(Events.PLAYBACK_ERROR, formattedError);
+                this.stop();
+                return;
+            }
+            error.level = PlayerError.Levels.WARN;
+            Log.warn('hlsjs: non-fatal error occurred', { evt, data });
+        }
+    }
+    _keyIsDenied(data) {
+        return data.type === HLSJS.ErrorTypes.NETWORK_ERROR
+            && data.details === HLSJS.ErrorDetails.KEY_LOAD_ERROR
+            && data.response
+            && data.response.code
+            && data.response.code >= 400;
+    }
+    _onTimeUpdate() {
+        const update = { current: this.getCurrentTime(), total: this.getDuration(), firstFragDateTime: this.getProgramDateTime() };
+        const isSame = this._lastTimeUpdate && (update.current === this._lastTimeUpdate.current &&
+            update.total === this._lastTimeUpdate.total);
+        if (isSame) {
+            return;
+        }
+        this._lastTimeUpdate = update;
+        this.trigger(Events.PLAYBACK_TIMEUPDATE, update, this.name);
+    }
+    _onDurationChange() {
+        const duration = this.getDuration();
+        if (this._lastDuration === duration) {
+            return;
+        }
+        this._lastDuration = duration;
+        super._onDurationChange();
+    }
+    _onProgress() {
+        if (!this.el.buffered.length) {
+            return;
+        }
+        let buffered = [];
+        let bufferedPos = 0;
+        for (let i = 0; i < this.el.buffered.length; i++) {
+            buffered = [...buffered, {
+                    // for a stream with sliding window dvr something that is buffered my slide off the start of the timeline
+                    start: Math.max(0, this.el.buffered.start(i) - this._playableRegionStartTime),
+                    end: Math.max(0, this.el.buffered.end(i) - this._playableRegionStartTime)
+                }];
+            if (this.el.currentTime >= buffered[i].start && this.el.currentTime <= buffered[i].end) {
+                bufferedPos = i;
+            }
+        }
+        const progress = {
+            start: buffered[bufferedPos].start,
+            current: buffered[bufferedPos].end,
+            total: this.getDuration()
+        };
+        this.trigger(Events.PLAYBACK_PROGRESS, progress, buffered);
+    }
+    load(url) {
+        this._stopTimeUpdateTimer();
+        this.options.src = url;
+        this._setup();
+    }
+    play() {
+        !this._hls && this._setup();
+        assert.ok(this._hls, 'Hls.js instance is not available');
+        !this._manifestParsed && !this.options.hlsPlayback.preload && this._hls.loadSource(this.options.src);
+        super.play();
+        this._startTimeUpdateTimer();
+    }
+    pause() {
+        if (!this._hls) {
+            return;
+        }
+        this.el.pause();
+        if (this.dvrEnabled) {
+            this._updateDvr(true);
+        }
+    }
+    stop() {
+        this._stopTimeUpdateTimer();
+        if (this._hls) {
+            super.stop();
+        }
+        this._destroyHLSInstance();
+    }
+    destroy() {
+        this._stopTimeUpdateTimer();
+        this._destroyHLSInstance();
+        return super.destroy();
+    }
+    _updatePlaybackType(evt, data) {
+        this._playbackType = (data.details.live ? Playback.LIVE : Playback.VOD);
+        this._onLevelUpdated(evt, data);
+        // Live stream subtitle tracks detection hack (may not immediately available)
+        if (this._ccTracksUpdated && this._playbackType === Playback.LIVE && this.hasClosedCaptionsTracks) {
+            this._onSubtitleLoaded();
+        }
+    }
+    _fillLevels() {
+        assert.ok(this._hls, 'Hls.js instance is not available');
+        this._levels = this._hls.levels.map((level, index) => {
+            return { id: index, level: level, label: `${level.bitrate / 1000}Kbps` };
+        });
+        this.trigger(Events.PLAYBACK_LEVELS_AVAILABLE, this._levels);
+    }
+    _onLevelUpdated(evt, data) {
+        this._segmentTargetDuration = data.details.targetduration;
+        this._playlistType = data.details.type || null;
+        let startTimeChanged = false;
+        let durationChanged = false;
+        const fragments = data.details.fragments;
+        const previousPlayableRegionStartTime = this._playableRegionStartTime;
+        const previousPlayableRegionDuration = this._playableRegionDuration;
+        if (fragments.length === 0) {
+            return;
+        }
+        // #EXT-X-PROGRAM-DATE-TIME
+        if (fragments[0].rawProgramDateTime) {
+            this._programDateTime = fragments[0].rawProgramDateTime;
+        }
+        if (this._playableRegionStartTime !== fragments[0].start) {
+            startTimeChanged = true;
+            this._playableRegionStartTime = fragments[0].start;
+        }
+        if (startTimeChanged) {
+            if (!this._localStartTimeCorrelation) {
+                // set the correlation to map to middle of the extrapolation window
+                this._localStartTimeCorrelation = {
+                    local: this._now,
+                    remote: (fragments[0].start + (this._extrapolatedWindowDuration / 2)) * 1000
+                };
+            }
+            else {
+                // check if the correlation still works
+                const corr = this._localStartTimeCorrelation;
+                const timePassed = this._now - corr.local;
+                // this should point to a time within the extrapolation window
+                const startTime = (corr.remote + timePassed) / 1000;
+                if (startTime < fragments[0].start) {
+                    // our start time is now earlier than the first chunk
+                    // (maybe the chunk was removed early)
+                    // reset correlation so that it sits at the beginning of the first available chunk
+                    this._localStartTimeCorrelation = {
+                        local: this._now,
+                        remote: fragments[0].start * 1000
+                    };
+                }
+                else if (startTime > previousPlayableRegionStartTime + this._extrapolatedWindowDuration) {
+                    // start time was past the end of the old extrapolation window (so would have been capped)
+                    // see if now that time would be inside the window, and if it would be set the correlation
+                    // so that it resumes from the time it was at at the end of the old window
+                    // update the correlation so that the time starts counting again from the value it's on now
+                    this._localStartTimeCorrelation = {
+                        local: this._now,
+                        remote: Math.max(fragments[0].start, previousPlayableRegionStartTime + this._extrapolatedWindowDuration) * 1000
+                    };
+                }
+            }
+        }
+        let newDuration = data.details.totalduration;
+        // if it's a live stream then shorten the duration to remove access
+        // to the area after hlsjs's live sync point
+        // seeks to areas after this point sometimes have issues
+        if (this._playbackType === Playback.LIVE) {
+            const fragmentTargetDuration = data.details.targetduration;
+            const hlsjsConfig = this.options.playback.hlsjsConfig || {};
+            const liveSyncDurationCount = hlsjsConfig.liveSyncDurationCount || HLSJS.DefaultConfig.liveSyncDurationCount;
+            const hiddenAreaDuration = fragmentTargetDuration * liveSyncDurationCount;
+            if (hiddenAreaDuration <= newDuration) {
+                newDuration -= hiddenAreaDuration;
+                this._durationExcludesAfterLiveSyncPoint = true;
+            }
+            else {
+                this._durationExcludesAfterLiveSyncPoint = false;
+            }
+        }
+        if (newDuration !== this._playableRegionDuration) {
+            durationChanged = true;
+            this._playableRegionDuration = newDuration;
+        }
+        // Note the end time is not the playableRegionDuration
+        // The end time will always increase even if content is removed from the beginning
+        const endTime = fragments[0].start + newDuration;
+        const previousEndTime = previousPlayableRegionStartTime + previousPlayableRegionDuration;
+        const endTimeChanged = endTime !== previousEndTime;
+        if (endTimeChanged) {
+            if (!this._localEndTimeCorrelation) {
+                // set the correlation to map to the end
+                this._localEndTimeCorrelation = {
+                    local: this._now,
+                    remote: endTime * 1000
+                };
+            }
+            else {
+                // check if the correlation still works
+                const corr = this._localEndTimeCorrelation;
+                const timePassed = this._now - corr.local;
+                // this should point to a time within the extrapolation window from the end
+                const extrapolatedEndTime = (corr.remote + timePassed) / 1000;
+                if (extrapolatedEndTime > endTime) {
+                    this._localEndTimeCorrelation = {
+                        local: this._now,
+                        remote: endTime * 1000
+                    };
+                }
+                else if (extrapolatedEndTime < endTime - this._extrapolatedWindowDuration) {
+                    // our extrapolated end time is now earlier than the extrapolation window from the actual end time
+                    // (maybe a chunk became available early)
+                    // reset correlation so that it sits at the beginning of the extrapolation window from the end time
+                    this._localEndTimeCorrelation = {
+                        local: this._now,
+                        remote: (endTime - this._extrapolatedWindowDuration) * 1000
+                    };
+                }
+                else if (extrapolatedEndTime > previousEndTime) {
+                    // end time was past the old end time (so would have been capped)
+                    // set the correlation so that it resumes from the time it was at at the end of the old window
+                    this._localEndTimeCorrelation = {
+                        local: this._now,
+                        remote: previousEndTime * 1000
+                    };
+                }
+            }
+        }
+        // now that the values have been updated call any methods that use on them so they get the updated values
+        // immediately
+        durationChanged && this._onDurationChange();
+        startTimeChanged && this._onProgress();
+    }
+    _onFragmentChanged(evt, data) {
+        this._currentFragment = data.frag;
+        // @ts-ignore
+        this.trigger(Events.Custom.PLAYBACK_FRAGMENT_CHANGED, data);
+    }
+    _onFragmentLoaded(evt, data) {
+        this.trigger(Events.PLAYBACK_FRAGMENT_LOADED, data);
+    }
+    _onSubtitleLoaded() {
+        // This event may be triggered multiple times
+        // Setup CC only once (disable CC by default)
+        if (!this._ccIsSetup) {
+            this.trigger(Events.PLAYBACK_SUBTITLE_AVAILABLE);
+            const trackId = this._playbackType === Playback.LIVE ? -1 : this.closedCaptionsTrackId;
+            this.closedCaptionsTrackId = trackId;
+            this._ccIsSetup = true;
+        }
+    }
+    _onLevelSwitch(evt, data) {
+        if (!this.levels.length) {
+            this._fillLevels();
+        }
+        this.trigger(Events.PLAYBACK_LEVEL_SWITCH_END);
+        this.trigger(Events.PLAYBACK_LEVEL_SWITCH, data);
+        assert(this._hls, 'Hls.js instance is not available');
+        const currentLevel = this._hls.levels[data.level];
+        if (currentLevel) {
+            // TODO should highDefinition be private and maybe have a read only accessor if it's used somewhere
+            this.highDefinition = (currentLevel.height >= 720 || (currentLevel.bitrate / 1000) >= 2000);
+            this.trigger(Events.PLAYBACK_HIGHDEFINITIONUPDATE, this.highDefinition);
+            this.trigger(Events.PLAYBACK_BITRATE, {
+                height: currentLevel.height,
+                width: currentLevel.width,
+                bandwidth: currentLevel.bitrate,
+                bitrate: currentLevel.bitrate,
+                level: data.level
+            });
+        }
+    }
+    get dvrEnabled() {
+        // enabled when:
+        // - the duration does not include content after hlsjs's live sync point
+        // - the playable region duration is longer than the configured duration to enable dvr after
+        // - the playback type is LIVE.
+        return (this._durationExcludesAfterLiveSyncPoint && this._duration >= this._minDvrSize && this.getPlaybackType() === Playback.LIVE);
+    }
+    getPlaybackType() {
+        return this._playbackType;
+    }
+    isSeekEnabled() {
+        return (this._playbackType === Playback.VOD || this.dvrEnabled);
+    }
+}
+HlsPlayback.canPlay = function (resource, mimeType) {
+    const resourceParts = resource.split('?')[0].match(/.*\.(.*)$/) || [];
+    const isHls = ((resourceParts.length > 1 && resourceParts[1].toLowerCase() === 'm3u8') || listContainsIgnoreCase(mimeType, ['application/vnd.apple.mpegurl', 'application/x-mpegURL']));
+    return !!(HLSJS.isSupported() && isHls);
+};
+
+export { HlsPlayback as default };