@codercms/web-player 0.0.36 → 0.0.40

package/dist/core/VideoPlayerMediaState.js

@@ -0,0 +1,161 @@
+import { PlayerEvents } from './VideoPlayerEvents.js';
+export class VideoPlayerMediaState {
+    emitter;
+    paused = true;
+    duration = 0;
+    currentTime = 0;
+    playbackRate = 0;
+    muted = false;
+    volume = 1;
+    // protected _volumeGain = 1;
+    buffered = [];
+    buffering = false;
+    isAutoQuality = true;
+    currentQualityLevel = null;
+    qualityLevels = [];
+    currentAudioTrack = null;
+    audioTracks = [];
+    constructor(emitter) {
+        this.emitter = emitter;
+    }
+    syncFromEl(el) {
+        this.updatePaused(el.paused);
+        this.updateDuration(el.duration);
+        this.updateCurrentTime(el.currentTime);
+        this.updateBufferedFromTimeRanges(el.buffered);
+        this.updateVolume(el.volume, el.muted);
+        this.updatePlaybackRate(el.playbackRate);
+        // 0 - HAVE NOTHING
+        if (el.readyState > 0) {
+            // 3 - HAVE_FUTURE_DATA
+            this.updateBuffering(el.readyState !== 3 && el.readyState !== 4);
+        }
+    }
+    resetForLoadingStart() {
+        this.updateDuration(0);
+        this.updateCurrentTime(0);
+        this.updateBuffering(false);
+        this.updateBuffered([]);
+        this.currentQualityLevel = null;
+        this.updateQualityLevels([]);
+        this.currentAudioTrack = null;
+        this.updateAudioTracks([]);
+    }
+    updatePaused(newPaused) {
+        if (newPaused !== this.paused) {
+            this.paused = newPaused;
+            if (newPaused) {
+                this.emitter.emit(PlayerEvents.Pause);
+            }
+            else {
+                this.emitter.emit(PlayerEvents.Play);
+            }
+        }
+    }
+    updateVolume(newVol, newMuted) {
+        newVol = this._normalizeNumber(newVol);
+        let isChanged = false;
+        if (newVol !== this.volume) {
+            isChanged = true;
+            this.volume = newVol;
+            this.emitter.emit(PlayerEvents.VolumeChange, newVol);
+        }
+        if (newMuted !== this.muted) {
+            isChanged = true;
+            this.muted = newMuted;
+            this.emitter.emit(PlayerEvents.MuteChange, newMuted);
+        }
+        if (isChanged) {
+            this.emitter.emit(PlayerEvents.VolumeStateChange, newVol, newMuted);
+        }
+    }
+    updateCurrentTime(newTime) {
+        newTime = this._normalizeNumber(newTime);
+        if (this.currentTime !== newTime) {
+            this.currentTime = newTime;
+            this.emitter.emit(PlayerEvents.CurrentTimeUpdate, newTime);
+        }
+    }
+    updateDuration(newDuration) {
+        newDuration = this._normalizeNumber(newDuration);
+        if (this.duration !== newDuration) {
+            this.duration = newDuration;
+            this.emitter.emit(PlayerEvents.PlaybackDurationChange, newDuration);
+        }
+    }
+    updateBufferedFromTimeRanges(newBuffered) {
+        const parts = [];
+        for (let i = 0; i < newBuffered.length; i++) {
+            const start = this._normalizeNumber(newBuffered.start(i));
+            const end = this._normalizeNumber(newBuffered.end(i));
+            parts.push({ start, end });
+        }
+        this.updateBuffered(parts);
+    }
+    updateBuffered(newBuffered) {
+        if (this.buffered.length !== newBuffered.length) {
+            this.buffered = newBuffered;
+            this.emitter.emit(PlayerEvents.PlaybackBufferingProgress, newBuffered);
+            return;
+        }
+        for (let i = 0; i < newBuffered.length; i++) {
+            if (newBuffered[i].start !== this.buffered[i].start ||
+                newBuffered[i].end !== this.buffered[i].end) {
+                this.buffered = newBuffered;
+                this.emitter.emit(PlayerEvents.PlaybackBufferingProgress, newBuffered);
+                return;
+            }
+        }
+    }
+    updateBuffering(newBuffering) {
+        if (newBuffering !== this.buffering) {
+            this.buffering = newBuffering;
+            if (newBuffering) {
+                this.emitter.emit(PlayerEvents.BufferingStarted);
+            }
+            else {
+                this.emitter.emit(PlayerEvents.BufferingEnded);
+            }
+        }
+    }
+    updatePlaybackRate(newRate) {
+        newRate = this._normalizeNumber(newRate);
+        if (this.playbackRate !== newRate) {
+            this.playbackRate = newRate;
+            this.emitter.emit(PlayerEvents.PlaybackRateChange, newRate);
+        }
+    }
+    updateQualityLevels(newLevels) {
+        this.qualityLevels = newLevels;
+        this.emitter.emit(PlayerEvents.QualityLevelsUpdated, newLevels);
+    }
+    updateQualityLevel(level, isAutoQuality) {
+        this.currentQualityLevel = level;
+        // this.currentQualityLevelStore.set(level);
+        this.isAutoQuality = isAutoQuality;
+        // this.isAutoQualityStore.set(isAutoQuality);
+        this.emitter.emit(PlayerEvents.QualityLevelSwitched, level, isAutoQuality);
+    }
+    findQualityLevelById(lvlId) {
+        return this.qualityLevels.find((lvl) => lvl.id === lvlId) ?? null;
+    }
+    updateAudioTracks(audioTracks) {
+        this.audioTracks = audioTracks;
+        // this.audioTracksStore.set(audioTracks);
+        this.emitter.emit(PlayerEvents.AudioTracksUpdated, audioTracks);
+    }
+    updateAudioTrack(audioTrack) {
+        this.currentAudioTrack = audioTrack;
+        // this._currentAudioTrackStore.set(audioTrack);
+        this.emitter.emit(PlayerEvents.AudioTrackSwitched, audioTrack);
+    }
+    findAudioTrackById(trackId) {
+        return this.audioTracks.find((track) => track.id === trackId) ?? null;
+    }
+    _normalizeNumber(num) {
+        if (isNaN(num) || !isFinite(num)) {
+            return 0;
+        }
+        return num;
+    }
+}

package/dist/core/VideoPlayerMediaState.js.map

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

package/dist/core/types/BufferedPart.d.ts

@@ -0,0 +1,4 @@
+export type BufferedPart = {
+    start: number;
+    end: number;
+};

package/dist/core/types/BufferedPart.js

@@ -0,0 +1 @@
+export {};

package/dist/core/types/BufferedPart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BufferedPart.js","sourceRoot":"","sources":["BufferedPart.ts"],"names":[],"mappings":""}

package/dist/core/types/PlayerLoadParams.d.ts

@@ -0,0 +1,11 @@
+import type { LoaderType } from '../Loaders/LoaderInterface.js';
+export type GetUrlCb = (signal: AbortSignal) => Promise<string>;
+export type LoadUrl = string | Promise<string> | GetUrlCb;
+export interface PlayerLoadParams {
+    url: LoadUrl;
+    startPosition?: number;
+    audioTrack?: number;
+    startLevel?: number;
+    loader?: LoaderType;
+    playAfterLoad?: boolean;
+}

package/dist/core/types/PlayerLoadParams.js

@@ -0,0 +1 @@
+export {};

package/dist/core/types/PlayerLoadParams.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerLoadParams.js","sourceRoot":"","sources":["PlayerLoadParams.ts"],"names":[],"mappings":""}

package/dist/core/types/QualityLevel.js

@@ -0,0 +1 @@
+export {};

package/dist/index.d.ts

@@ -1,9 +1,14 @@
-export * from "./core/LoaderInterface.js";
-export * from "./core/HLSLoader.js";
+export * from "./core/Loaders/LoaderInterface.js";
+export * from "./core/Loaders/BaseLoader.js";
+export * from "./core/Loaders/HLSLoader.js";
+export * from "./core/Loaders/NativeLoader.js";
 export * from "./core/Playlist.js";
 export * from "./core/PlaylistPlayer.js";
-export * from "./core/QualityLevel.js";
-export * from "./core/AudioTrack.js";
+export * from "./core/types/QualityLevel.js";
+export * from "./core/types/AudioTrack.js";
+export * from "./core/types/BufferedPart.js";
+export * from "./core/types/PlayerLoadParams.js";
+export * from "./core/VideoPlayerEvents.js";
 export * from "./core/VideoPlayer.js";
 export * from "./ui/utils/duration.js";
 export * from "./ui/utils/slider.js";

package/dist/index.js

@@ -1,13 +1,18 @@
 // Reexport your entry components here
-export * from './core/LoaderInterface.js';
-export * from './core/HLSLoader.js';
+export * from './core/Loaders/LoaderInterface.js';
+export * from './core/Loaders/BaseLoader.js';
+export * from './core/Loaders/HLSLoader.js';
+export * from './core/Loaders/NativeLoader.js';
 
 export * from './core/Playlist.js';
 export * from './core/PlaylistPlayer.js';
 
-export * from './core/QualityLevel.js';
-export * from './core/AudioTrack.js';
+export * from './core/types/QualityLevel.js';
+export * from './core/types/AudioTrack.js';
+export * from './core/types/BufferedPart.js';
+export * from './core/types/PlayerLoadParams.js';
 
+export * from './core/VideoPlayerEvents.js';
 export * from './core/VideoPlayer.js';
 
 export * from './ui/utils/duration.js';

package/dist/ui/LoadingIndicator.svelte

@@ -1,39 +1,58 @@
-<script>import { PlayerEvents, VideoPlayer } from "../core/VideoPlayer";
+<script>import { PlayerEvents } from "../core/VideoPlayerEvents.js";
 import { onMount } from "svelte";
 export let player;
 export let loadThreshold = 200;
 let loading = false;
-let timeoutId = 0;
+let buffering = false;
+let loadingTimeoutId = 0;
+let bufferingTimeoutId = 0;
 const setLoading = () => {
-  if (timeoutId) {
+  if (loadingTimeoutId) {
     return;
   }
-  timeoutId = window.setTimeout(() => {
+  loadingTimeoutId = window.setTimeout(() => {
     loading = true;
   }, loadThreshold);
 };
 const setLoaded = () => {
-  if (timeoutId) {
-    window.clearTimeout(timeoutId);
-    timeoutId = 0;
+  if (loadingTimeoutId) {
+    window.clearTimeout(loadingTimeoutId);
+    loadingTimeoutId = 0;
   }
   loading = false;
 };
+const setBuffering = () => {
+  if (bufferingTimeoutId) {
+    return;
+  }
+  bufferingTimeoutId = window.setTimeout(() => {
+    buffering = true;
+  }, loadThreshold);
+};
+const setBuffered = () => {
+  if (bufferingTimeoutId) {
+    window.clearTimeout(bufferingTimeoutId);
+    bufferingTimeoutId = 0;
+  }
+  buffering = false;
+};
 onMount(() => {
-  player.subscribe(PlayerEvents.LoadingStarted, setLoading);
-  player.subscribe(PlayerEvents.BufferingStarted, setLoading);
-  player.subscribe(PlayerEvents.LoadingEnded, setLoaded);
-  player.subscribe(PlayerEvents.BufferingEnded, setLoaded);
+  player.subscribe(PlayerEvents.BeforeLoading, setLoading);
+  player.subscribe(PlayerEvents.LoadingDone, setLoaded);
+  player.subscribe(PlayerEvents.LoadingFailed, setLoaded);
+  player.subscribe(PlayerEvents.BufferingStarted, setBuffering);
+  player.subscribe(PlayerEvents.BufferingEnded, setBuffered);
   return () => {
-    player.unsubscribe(PlayerEvents.LoadingStarted, setLoading);
-    player.unsubscribe(PlayerEvents.BufferingStarted, setLoading);
-    player.unsubscribe(PlayerEvents.LoadingEnded, setLoaded);
-    player.unsubscribe(PlayerEvents.BufferingEnded, setLoaded);
+    player.unsubscribe(PlayerEvents.BeforeLoading, setLoading);
+    player.unsubscribe(PlayerEvents.LoadingDone, setLoaded);
+    player.unsubscribe(PlayerEvents.LoadingFailed, setLoaded);
+    player.unsubscribe(PlayerEvents.BufferingStarted, setBuffering);
+    player.unsubscribe(PlayerEvents.BufferingEnded, setBuffering);
   };
 });
 </script>
 
-<div class="loading-container" style:visibility={loading ? `visible` : `hidden`}>
+<div class="loading-container" style:visibility={loading || buffering ? `visible` : `hidden`}>
 	<div class="loader" />
 </div>
 

package/dist/ui/LoadingIndicator.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import { VideoPlayer } from '../core/VideoPlayer';
+import type { VideoPlayer } from '../core/VideoPlayer.js';
 declare const __propDef: {
     props: {
         player: VideoPlayer;

package/dist/ui/ProgressBar.svelte

@@ -1,13 +1,13 @@
-<script>import { PlayerEvents } from "../core/VideoPlayer";
-import { LoaderEvents } from "../core/LoaderInterface";
+<script>import { LoaderEvents } from "../core/Loaders/LoaderInterface.js";
+import { PlayerEvents } from "../core/VideoPlayerEvents.js";
 import { onMount } from "svelte";
 import {
   getValueByMousePos,
   getValueForDragEvent,
   normalizePointerPos,
   draggableAction
-} from "./utils/slider";
-import { toDuration } from "./utils/duration";
+} from "./utils/slider.js";
+import { toDuration } from "./utils/duration.js";
 export let player;
 let selfEl;
 let currentTime = 0;
@@ -41,13 +41,13 @@ onMount(() => {
   player.subscribe(PlayerEvents.PlaybackDurationChange, (newDuration) => {
     duration = newDuration;
   });
-  player.subscribe(PlayerEvents.PlaybackTimeUpdate, (newCurrentTime) => {
+  player.subscribe(PlayerEvents.CurrentTimeUpdate, (newCurrentTime) => {
     currentTime = newCurrentTime;
   });
   player.subscribe(PlayerEvents.PlaybackBufferingProgress, (newBuffered) => {
     buffered = newBuffered;
   });
-  player.subscribe(LoaderEvents.Loading, () => {
+  player.subscribe(PlayerEvents.BeforeLoading, () => {
     currentTime = 0;
     duration = 0;
     currentTImeOffset = 0;

package/dist/ui/ProgressBar.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { VideoPlayer } from '../core/VideoPlayer';
+import type { VideoPlayer } from '../core/VideoPlayer.js';
 declare const __propDef: {
     props: {
         player: VideoPlayer;

package/dist/ui/utils/slider.js

@@ -87,6 +87,11 @@ export const draggableAction = (node) => {
         }
     };
     const startDrag = (e) => {
+        e.preventDefault();
+        // prevent double start drag
+        if (isDragging) {
+            return;
+        }
         // Skip non-left mouse button clicks
         if (!('touches' in e) && e.button !== 0) {
             return;
@@ -127,9 +132,11 @@ export const draggableAction = (node) => {
         window.removeEventListener('keydown', handleKeys);
     };
     node.addEventListener('mousedown', startDrag);
+    node.addEventListener('touchstart', startDrag);
     return {
         destroy: () => {
             node.removeEventListener('mousedown', startDrag);
+            node.removeEventListener('touchstart', startDrag);
             resetDragging();
         }
     };

package/dist/ui/utils/slider.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@codercms/web-player",
-	"version": "0.0.36",
+	"version": "0.0.40",
 	"scripts": {
 		"dev": "vite dev --host=0.0.0.0 --port=5174",
 		"build": "vite build && npm run package",

package/dist/core/HLSLoader.d.ts

@@ -1,19 +0,0 @@
-import { type LoaderEventsMap, type LoaderInterface, type LoadParams } from './LoaderInterface.js';
-import Hls, { type HlsConfig } from 'hls.js';
-import type { EventEmitter } from 'eventemitter3';
-export type HLSLoaderConfig = Partial<HlsConfig>;
-export declare class HLSLoader implements LoaderInterface {
-    private emitter;
-    private el;
-    protected hls: Hls | null;
-    protected hlsConfig: HLSLoaderConfig;
-    constructor(emitter: EventEmitter<LoaderEventsMap>, el: HTMLVideoElement, hlsConfig?: HLSLoaderConfig);
-    load(params: LoadParams): Promise<void>;
-    private _onLevelsUpdated;
-    switchAudioTrack(id: number, graceful: boolean): void;
-    switchQualityLevel(id: number, graceful: boolean): void;
-    getAutoQualityLevelId(): number;
-    stop(): void;
-    isSupported(): boolean;
-}
-export declare function isHlsJsSupported(): boolean;

package/dist/core/HLSLoader.js

@@ -1,196 +0,0 @@
-import { LoaderEvents } from './LoaderInterface.js';
-import Hls, {} from 'hls.js';
-const autoQualityLevelId = -1;
-export class HLSLoader {
-    emitter;
-    el;
-    hls = null;
-    hlsConfig;
-    constructor(emitter, el, hlsConfig) {
-        this.emitter = emitter;
-        this.el = el;
-        if (!this.isSupported()) {
-            throw Error('HLS.js is not supported');
-        }
-        if (hlsConfig) {
-            this.hlsConfig = { ...hlsConfig };
-        }
-        else {
-            this.hlsConfig = {};
-        }
-    }
-    async load(params) {
-        if (params.abortSignal.aborted) {
-            return Promise.reject(new DOMException('Operation aborted', 'AbortError'));
-        }
-        this.emitter.emit(LoaderEvents.Loading, params);
-        // Cancel any ongoing loading
-        if (this.hls) {
-            this.stop();
-        }
-        const cfg = { ...this.hlsConfig };
-        if ((params.startPosition ?? 0) > 0) {
-            cfg.startPosition = params.startPosition;
-        }
-        if ((params.startLevel ?? 0) > 0) {
-            cfg.startLevel = params.startLevel;
-        }
-        const hls = new Hls(cfg);
-        this.hls = hls;
-        hls.attachMedia(this.el);
-        return new Promise((resolve, reject) => {
-            // Handle abort signal
-            const onAbort = () => {
-                this.stop();
-                reject(new DOMException('Loading aborted', 'AbortError'));
-            };
-            params.abortSignal.addEventListener('abort', onAbort);
-            const onError = (event, data) => {
-                params.abortSignal.removeEventListener('abort', onAbort);
-                hls.off(Hls.Events.MANIFEST_PARSED, onManifestParsed);
-                this.emitter.emit(LoaderEvents.Error, {
-                    message: `HLS loading error: ${data.error.message}`,
-                    data
-                });
-                reject(new Error(`HLS loading error: ${data.error.message}`));
-            };
-            const onManifestParsed = (event, data) => {
-                params.abortSignal.removeEventListener('abort', onAbort);
-                hls.off(Hls.Events.ERROR, onError);
-                this.emitter.emit(LoaderEvents.Loaded, params);
-                this._onLevelsUpdated(data.levels);
-                // Add errors recovering listener
-                hls.on(Hls.Events.ERROR, (event, data) => {
-                    if (data.fatal) {
-                        switch (data.type) {
-                            case Hls.ErrorTypes.MEDIA_ERROR:
-                                console.log('fatal media error encountered, try to recover');
-                                hls.recoverMediaError();
-                                break;
-                            case Hls.ErrorTypes.NETWORK_ERROR:
-                                console.error('fatal network error encountered', data);
-                                this.emitter.emit(LoaderEvents.Error, {
-                                    message: `fatal network error: ${data.error.message}`,
-                                    data
-                                });
-                                // All retries and media options have been exhausted.
-                                // Immediately trying to restart loading could cause loop loading.
-                                // Consider modifying loading policies to best fit your asset and network
-                                // conditions (manifestLoadPolicy, playlistLoadPolicy, fragLoadPolicy).
-                                break;
-                            default:
-                                console.error('unknown fatal error encountered', data);
-                                this.emitter.emit(LoaderEvents.Error, {
-                                    message: `unknown fatal error: ${data.error.message}`,
-                                    data
-                                });
-                                // cannot recover
-                                hls.destroy();
-                                break;
-                        }
-                    }
-                });
-                resolve();
-            };
-            hls.once(Hls.Events.ERROR, onError);
-            hls.once(Hls.Events.MANIFEST_PARSED, onManifestParsed);
-            hls.on(Hls.Events.LEVEL_SWITCHING, (event, data) => {
-                this.emitter.emit(LoaderEvents.QualityLevelSwitching, data.level, hls.autoLevelEnabled);
-            });
-            hls.on(Hls.Events.LEVEL_SWITCHED, (event, data) => {
-                this.emitter.emit(LoaderEvents.QualityLevelSwitched, data.level, hls.autoLevelEnabled);
-            });
-            hls.on(Hls.Events.LEVELS_UPDATED, (event, data) => {
-                this._onLevelsUpdated(data.levels);
-            });
-            hls.on(Hls.Events.AUDIO_TRACK_SWITCHING, (event, data) => {
-                this.emitter.emit(LoaderEvents.AudioTrackSwitching, data.id);
-            });
-            hls.on(Hls.Events.AUDIO_TRACK_SWITCHED, (event, data) => {
-                this.emitter.emit(LoaderEvents.AudioTrackSwitching, data.id);
-            });
-            hls.on(Hls.Events.AUDIO_TRACKS_UPDATED, (event, data) => {
-                const tracks = [];
-                for (const track of data.audioTracks) {
-                    tracks.push({
-                        id: track.id,
-                        name: track.name,
-                        bitrate: track.bitrate,
-                        loaderData: track
-                    });
-                }
-                this.emitter.emit(LoaderEvents.AudioTracksUpdated, tracks);
-            });
-            hls.loadSource(params.url);
-        });
-    }
-    _onLevelsUpdated(levels) {
-        const newLevels = [];
-        let idx = 0;
-        for (const level of levels) {
-            const newLvl = {
-                id: idx,
-                width: level.width,
-                height: level.height,
-                bitrate: level.bitrate,
-                loaderData: level
-            };
-            idx++;
-            newLevels.push(newLvl);
-        }
-        this.emitter.emit(LoaderEvents.QualityLevelsUpdated, newLevels);
-    }
-    switchAudioTrack(id, graceful) {
-        if (!this.hls) {
-            return;
-        }
-        // TODO: Support graceful = false
-        this.hls.audioTrack = id;
-        if (!graceful) {
-            // eslint-disable-next-line no-self-assign
-            this.el.currentTime = this.el.currentTime;
-            // this.el.currentTime -= 1;
-            // this.el.currentTime += 1;
-        }
-    }
-    switchQualityLevel(id, graceful) {
-        if (!this.hls) {
-            return;
-        }
-        if (graceful) {
-            this.hls.nextLevel = id;
-            return;
-        }
-        // Bypass HLS.js behavior that doesn't trigger event if level is selected by Auto switched to Manual
-        if (this.hls.currentLevel === id) {
-            this.hls.currentLevel = id;
-            this.emitter.emit(LoaderEvents.QualityLevelSwitching, id, this.hls.autoLevelEnabled);
-            this.emitter.emit(LoaderEvents.QualityLevelSwitched, id, this.hls.autoLevelEnabled);
-            return;
-        }
-        this.hls.currentLevel = id;
-    }
-    getAutoQualityLevelId() {
-        return autoQualityLevelId;
-    }
-    stop() {
-        if (this.hls) {
-            try {
-                this.hls.stopLoad();
-            }
-            catch (e) { }
-            try {
-                this.hls.destroy();
-            }
-            catch (e) { }
-            // Reset current time to ensure video playback will start from needed position
-            this.hls = null;
-        }
-    }
-    isSupported() {
-        return isHlsJsSupported();
-    }
-}
-export function isHlsJsSupported() {
-    return Hls.isSupported();
-}