vidply 1.0.29 → 1.0.31

package/dist/dev/vidply.HLSRenderer-UMPUDSYL.js

@@ -0,0 +1,266 @@
+/*!
+ * Universal, Accessible Video Player
+ * (c) 2025 Matthias Peltzer
+ * Released under GPL-2.0-or-later License
+ */
+
+// src/renderers/HLSRenderer.js
+var HLSRenderer = class {
+  constructor(player) {
+    this.player = player;
+    this.media = player.element;
+    this.hls = null;
+  }
+  async init() {
+    if (this.canPlayNatively()) {
+      this.player.log("Using native HLS support");
+      await this.initNative();
+    } else {
+      this.player.log("Using hls.js for HLS support");
+      await this.initHlsJs();
+    }
+  }
+  canPlayNatively() {
+    const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+    const isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
+    if (!isSafari && !isIOS) {
+      return false;
+    }
+    const video = document.createElement("video");
+    return video.canPlayType("application/vnd.apple.mpegurl") !== "";
+  }
+  async initNative() {
+    const HTML5Renderer = (await import("./vidply.HTML5Renderer-FXBZQL6Y.js")).HTML5Renderer;
+    const renderer = new HTML5Renderer(this.player);
+    await renderer.init();
+    Object.getOwnPropertyNames(Object.getPrototypeOf(renderer)).forEach((method) => {
+      if (method !== "constructor" && typeof renderer[method] === "function") {
+        this[method] = renderer[method].bind(renderer);
+      }
+    });
+  }
+  async initHlsJs() {
+    this.media.controls = false;
+    this.media.removeAttribute("controls");
+    if (!window.Hls) {
+      await this.loadHlsJs();
+    }
+    if (!window.Hls.isSupported()) {
+      throw new Error("HLS is not supported in this browser");
+    }
+    this.hls = new window.Hls({
+      debug: this.player.options.debug,
+      enableWorker: true,
+      lowLatencyMode: false,
+      backBufferLength: 90,
+      maxBufferLength: 30,
+      maxMaxBufferLength: 600,
+      maxBufferSize: 60 * 1e3 * 1e3,
+      maxBufferHole: 0.5,
+      // Network retry settings
+      manifestLoadingTimeOut: 1e4,
+      manifestLoadingMaxRetry: 4,
+      manifestLoadingRetryDelay: 1e3,
+      manifestLoadingMaxRetryTimeout: 64e3,
+      levelLoadingTimeOut: 1e4,
+      levelLoadingMaxRetry: 4,
+      levelLoadingRetryDelay: 1e3,
+      levelLoadingMaxRetryTimeout: 64e3,
+      fragLoadingTimeOut: 2e4,
+      fragLoadingMaxRetry: 6,
+      fragLoadingRetryDelay: 1e3,
+      fragLoadingMaxRetryTimeout: 64e3
+    });
+    this.hls.attachMedia(this.media);
+    let src = this.player.currentSource;
+    if (!src) {
+      const sourceElement = this.player.element.querySelector("source");
+      if (sourceElement) {
+        src = sourceElement.getAttribute("src");
+      } else {
+        src = this.player.element.getAttribute("src") || this.player.element.src;
+      }
+    }
+    this.player.log(`Loading HLS source: ${src}`, "log");
+    if (!src) {
+      throw new Error("No HLS source found");
+    }
+    this.hls.loadSource(src);
+    this.attachHlsEvents();
+    this.attachMediaEvents();
+  }
+  async loadHlsJs() {
+    return new Promise((resolve, reject) => {
+      const script = document.createElement("script");
+      script.src = "https://cdn.jsdelivr.net/npm/hls.js@latest";
+      script.onload = () => resolve();
+      script.onerror = () => reject(new Error("Failed to load hls.js"));
+      document.head.appendChild(script);
+    });
+  }
+  attachHlsEvents() {
+    this.hls.on(window.Hls.Events.MANIFEST_PARSED, (event, data) => {
+      this.player.log("HLS manifest loaded, found " + data.levels.length + " quality levels");
+      this.player.emit("hlsmanifestparsed", data);
+      if (this.player.container) {
+        this.player.container.classList.remove("vidply-external-controls");
+      }
+    });
+    this.hls.on(window.Hls.Events.LEVEL_SWITCHED, (event, data) => {
+      this.player.log("HLS level switched to " + data.level);
+      this.player.emit("hlslevelswitched", data);
+    });
+    this.hls.on(window.Hls.Events.ERROR, (event, data) => {
+      this.handleHlsError(data);
+    });
+    this.hls.on(window.Hls.Events.FRAG_BUFFERED, () => {
+      this.player.state.buffering = false;
+    });
+  }
+  attachMediaEvents() {
+    this.media.addEventListener("loadedmetadata", () => {
+      this.player.state.duration = this.media.duration;
+      this.player.emit("loadedmetadata");
+    });
+    this.media.addEventListener("play", () => {
+      this.player.state.playing = true;
+      this.player.state.paused = false;
+      this.player.state.ended = false;
+      this.player.emit("play");
+      if (this.player.options.onPlay) {
+        this.player.options.onPlay.call(this.player);
+      }
+    });
+    this.media.addEventListener("pause", () => {
+      this.player.state.playing = false;
+      this.player.state.paused = true;
+      this.player.emit("pause");
+      if (this.player.options.onPause) {
+        this.player.options.onPause.call(this.player);
+      }
+    });
+    this.media.addEventListener("ended", () => {
+      this.player.state.playing = false;
+      this.player.state.paused = true;
+      this.player.state.ended = true;
+      this.player.emit("ended");
+      if (this.player.options.onEnded) {
+        this.player.options.onEnded.call(this.player);
+      }
+      if (this.player.options.loop) {
+        this.player.seek(0);
+        this.player.play();
+      }
+    });
+    this.media.addEventListener("timeupdate", () => {
+      this.player.state.currentTime = this.media.currentTime;
+      this.player.emit("timeupdate", this.media.currentTime);
+      if (this.player.options.onTimeUpdate) {
+        this.player.options.onTimeUpdate.call(this.player, this.media.currentTime);
+      }
+    });
+    this.media.addEventListener("volumechange", () => {
+      this.player.state.volume = this.media.volume;
+      this.player.state.muted = this.media.muted;
+      this.player.emit("volumechange", this.media.volume);
+    });
+    this.media.addEventListener("waiting", () => {
+      this.player.state.buffering = true;
+      this.player.emit("waiting");
+    });
+    this.media.addEventListener("canplay", () => {
+      this.player.state.buffering = false;
+      this.player.emit("canplay");
+    });
+    this.media.addEventListener("error", () => {
+      this.player.handleError(this.media.error);
+    });
+  }
+  handleHlsError(data) {
+    this.player.log(`HLS Error - Type: ${data.type}, Details: ${data.details}, Fatal: ${data.fatal}`, "warn");
+    if (data.response) {
+      this.player.log(`Response code: ${data.response.code}, URL: ${data.response.url}`, "warn");
+    }
+    if (data.fatal) {
+      switch (data.type) {
+        case window.Hls.ErrorTypes.NETWORK_ERROR:
+          this.player.log("Fatal network error, trying to recover...", "error");
+          this.player.log(`Network error details: ${data.details}`, "error");
+          setTimeout(() => {
+            this.hls.startLoad();
+          }, 1e3);
+          break;
+        case window.Hls.ErrorTypes.MEDIA_ERROR:
+          this.player.log("Fatal media error, trying to recover...", "error");
+          this.hls.recoverMediaError();
+          break;
+        default:
+          this.player.log("Fatal error, cannot recover", "error");
+          this.player.handleError(new Error(`HLS Error: ${data.type} - ${data.details}`));
+          this.hls.destroy();
+          break;
+      }
+    } else {
+      this.player.log("Non-fatal HLS error: " + data.details, "warn");
+    }
+  }
+  play() {
+    const scrollX = window.scrollX;
+    const scrollY = window.scrollY;
+    const promise = this.media.play();
+    window.scrollTo(scrollX, scrollY);
+    if (promise !== void 0) {
+      promise.catch((error) => {
+        this.player.log("Play failed:", error, "warn");
+      });
+    }
+  }
+  pause() {
+    this.media.pause();
+  }
+  seek(time) {
+    this.media.currentTime = time;
+  }
+  setVolume(volume) {
+    this.media.volume = volume;
+  }
+  setMuted(muted) {
+    this.media.muted = muted;
+  }
+  setPlaybackSpeed(speed) {
+    this.media.playbackRate = speed;
+  }
+  switchQuality(levelIndex) {
+    if (this.hls) {
+      this.hls.currentLevel = levelIndex;
+    }
+  }
+  getQualities() {
+    if (this.hls && this.hls.levels) {
+      return this.hls.levels.map((level, index) => ({
+        index,
+        height: level.height,
+        width: level.width,
+        bitrate: level.bitrate,
+        name: `${level.height}p`
+      }));
+    }
+    return [];
+  }
+  getCurrentQuality() {
+    if (this.hls) {
+      return this.hls.currentLevel;
+    }
+    return -1;
+  }
+  destroy() {
+    if (this.hls) {
+      this.hls.destroy();
+      this.hls = null;
+    }
+  }
+};
+export {
+  HLSRenderer
+};
+//# sourceMappingURL=vidply.HLSRenderer-UMPUDSYL.js.map

package/dist/dev/vidply.HLSRenderer-UMPUDSYL.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/renderers/HLSRenderer.js"],
+  "sourcesContent": ["/**\r\n * HLS Streaming Renderer\r\n * Uses hls.js for browsers that don't natively support HLS\r\n */\r\n\r\nexport class HLSRenderer {\r\n  constructor(player) {\r\n    this.player = player;\r\n    this.media = player.element;\r\n    this.hls = null;\r\n  }\r\n\r\n  async init() {\r\n    // Check if browser natively supports HLS (Safari)\r\n    if (this.canPlayNatively()) {\r\n      this.player.log('Using native HLS support');\r\n      await this.initNative();\r\n    } else {\r\n      this.player.log('Using hls.js for HLS support');\r\n      await this.initHlsJs();\r\n    }\r\n  }\r\n\r\n  canPlayNatively() {\r\n    // Only use native HLS on Safari/iOS where it actually works properly\r\n    // Chrome reports it can play HLS but doesn't have proper quality switching\r\n    const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);\r\n    const isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;\r\n    \r\n    if (!isSafari && !isIOS) {\r\n      // Force hls.js on non-Safari browsers for proper quality switching\r\n      return false;\r\n    }\r\n    \r\n    const video = document.createElement('video');\r\n    return video.canPlayType('application/vnd.apple.mpegurl') !== '';\r\n  }\r\n\r\n  async initNative() {\r\n    // Use HTML5 renderer for native HLS support\r\n    const HTML5Renderer = (await import('./HTML5Renderer.js')).HTML5Renderer;\r\n    const renderer = new HTML5Renderer(this.player);\r\n    await renderer.init();\r\n    \r\n    // Copy methods\r\n    Object.getOwnPropertyNames(Object.getPrototypeOf(renderer)).forEach(method => {\r\n      if (method !== 'constructor' && typeof renderer[method] === 'function') {\r\n        this[method] = renderer[method].bind(renderer);\r\n      }\r\n    });\r\n  }\r\n\r\n  async initHlsJs() {\r\n    // Hide native controls\r\n    this.media.controls = false;\r\n    this.media.removeAttribute('controls');\r\n    \r\n    // Load hls.js if not already loaded\r\n    if (!window.Hls) {\r\n      await this.loadHlsJs();\r\n    }\r\n\r\n    if (!window.Hls.isSupported()) {\r\n      throw new Error('HLS is not supported in this browser');\r\n    }\r\n\r\n    // Create hls.js instance with better error recovery\r\n    this.hls = new window.Hls({\r\n      debug: this.player.options.debug,\r\n      enableWorker: true,\r\n      lowLatencyMode: false,\r\n      backBufferLength: 90,\r\n      maxBufferLength: 30,\r\n      maxMaxBufferLength: 600,\r\n      maxBufferSize: 60 * 1000 * 1000,\r\n      maxBufferHole: 0.5,\r\n      // Network retry settings\r\n      manifestLoadingTimeOut: 10000,\r\n      manifestLoadingMaxRetry: 4,\r\n      manifestLoadingRetryDelay: 1000,\r\n      manifestLoadingMaxRetryTimeout: 64000,\r\n      levelLoadingTimeOut: 10000,\r\n      levelLoadingMaxRetry: 4,\r\n      levelLoadingRetryDelay: 1000,\r\n      levelLoadingMaxRetryTimeout: 64000,\r\n      fragLoadingTimeOut: 20000,\r\n      fragLoadingMaxRetry: 6,\r\n      fragLoadingRetryDelay: 1000,\r\n      fragLoadingMaxRetryTimeout: 64000\r\n    });\r\n\r\n    // Attach media element\r\n    this.hls.attachMedia(this.media);\r\n\r\n    // Load source - use currentSource for external renderers, or get from attribute\r\n    let src = this.player.currentSource;\r\n    \r\n    if (!src) {\r\n      const sourceElement = this.player.element.querySelector('source');\r\n      if (sourceElement) {\r\n        // Use getAttribute to get the original URL, not the blob-converted one\r\n        src = sourceElement.getAttribute('src');\r\n      } else {\r\n        // Fallback to element's src attribute\r\n        src = this.player.element.getAttribute('src') || this.player.element.src;\r\n      }\r\n    }\r\n    \r\n    this.player.log(`Loading HLS source: ${src}`, 'log');\r\n    \r\n    if (!src) {\r\n      throw new Error('No HLS source found');\r\n    }\r\n    \r\n    this.hls.loadSource(src);\r\n\r\n    // Attach events\r\n    this.attachHlsEvents();\r\n    this.attachMediaEvents();\r\n  }\r\n\r\n  async loadHlsJs() {\r\n    return new Promise((resolve, reject) => {\r\n      const script = document.createElement('script');\r\n      script.src = 'https://cdn.jsdelivr.net/npm/hls.js@latest';\r\n      script.onload = () => resolve();\r\n      script.onerror = () => reject(new Error('Failed to load hls.js'));\r\n      document.head.appendChild(script);\r\n    });\r\n  }\r\n\r\n  attachHlsEvents() {\r\n    this.hls.on(window.Hls.Events.MANIFEST_PARSED, (event, data) => {\r\n      this.player.log('HLS manifest loaded, found ' + data.levels.length + ' quality levels');\r\n      this.player.emit('hlsmanifestparsed', data);\r\n      \r\n      // Show VidPly controls (remove external controls class if present)\r\n      if (this.player.container) {\r\n        this.player.container.classList.remove('vidply-external-controls');\r\n      }\r\n    });\r\n\r\n    this.hls.on(window.Hls.Events.LEVEL_SWITCHED, (event, data) => {\r\n      this.player.log('HLS level switched to ' + data.level);\r\n      this.player.emit('hlslevelswitched', data);\r\n    });\r\n\r\n    this.hls.on(window.Hls.Events.ERROR, (event, data) => {\r\n      this.handleHlsError(data);\r\n    });\r\n\r\n    this.hls.on(window.Hls.Events.FRAG_BUFFERED, () => {\r\n      this.player.state.buffering = false;\r\n    });\r\n  }\r\n\r\n  attachMediaEvents() {\r\n    // Use same events as HTML5 renderer\r\n    this.media.addEventListener('loadedmetadata', () => {\r\n      this.player.state.duration = this.media.duration;\r\n      this.player.emit('loadedmetadata');\r\n    });\r\n\r\n    this.media.addEventListener('play', () => {\r\n      this.player.state.playing = true;\r\n      this.player.state.paused = false;\r\n      this.player.state.ended = false;\r\n      this.player.emit('play');\r\n      \r\n      if (this.player.options.onPlay) {\r\n        this.player.options.onPlay.call(this.player);\r\n      }\r\n    });\r\n\r\n    this.media.addEventListener('pause', () => {\r\n      this.player.state.playing = false;\r\n      this.player.state.paused = true;\r\n      this.player.emit('pause');\r\n      \r\n      if (this.player.options.onPause) {\r\n        this.player.options.onPause.call(this.player);\r\n      }\r\n    });\r\n\r\n    this.media.addEventListener('ended', () => {\r\n      this.player.state.playing = false;\r\n      this.player.state.paused = true;\r\n      this.player.state.ended = true;\r\n      this.player.emit('ended');\r\n      \r\n      if (this.player.options.onEnded) {\r\n        this.player.options.onEnded.call(this.player);\r\n      }\r\n      \r\n      if (this.player.options.loop) {\r\n        this.player.seek(0);\r\n        this.player.play();\r\n      }\r\n    });\r\n\r\n    this.media.addEventListener('timeupdate', () => {\r\n      this.player.state.currentTime = this.media.currentTime;\r\n      this.player.emit('timeupdate', this.media.currentTime);\r\n      \r\n      if (this.player.options.onTimeUpdate) {\r\n        this.player.options.onTimeUpdate.call(this.player, this.media.currentTime);\r\n      }\r\n    });\r\n\r\n    this.media.addEventListener('volumechange', () => {\r\n      this.player.state.volume = this.media.volume;\r\n      this.player.state.muted = this.media.muted;\r\n      this.player.emit('volumechange', this.media.volume);\r\n    });\r\n\r\n    this.media.addEventListener('waiting', () => {\r\n      this.player.state.buffering = true;\r\n      this.player.emit('waiting');\r\n    });\r\n\r\n    this.media.addEventListener('canplay', () => {\r\n      this.player.state.buffering = false;\r\n      this.player.emit('canplay');\r\n    });\r\n\r\n    this.media.addEventListener('error', () => {\r\n      this.player.handleError(this.media.error);\r\n    });\r\n  }\r\n\r\n  handleHlsError(data) {\r\n    // Log detailed error info\r\n    this.player.log(`HLS Error - Type: ${data.type}, Details: ${data.details}, Fatal: ${data.fatal}`, 'warn');\r\n    if (data.response) {\r\n      this.player.log(`Response code: ${data.response.code}, URL: ${data.response.url}`, 'warn');\r\n    }\r\n    \r\n    if (data.fatal) {\r\n      switch (data.type) {\r\n        case window.Hls.ErrorTypes.NETWORK_ERROR:\r\n          this.player.log('Fatal network error, trying to recover...', 'error');\r\n          this.player.log(`Network error details: ${data.details}`, 'error');\r\n          setTimeout(() => {\r\n            this.hls.startLoad();\r\n          }, 1000);\r\n          break;\r\n          \r\n        case window.Hls.ErrorTypes.MEDIA_ERROR:\r\n          this.player.log('Fatal media error, trying to recover...', 'error');\r\n          this.hls.recoverMediaError();\r\n          break;\r\n          \r\n        default:\r\n          this.player.log('Fatal error, cannot recover', 'error');\r\n          this.player.handleError(new Error(`HLS Error: ${data.type} - ${data.details}`));\r\n          this.hls.destroy();\r\n          break;\r\n      }\r\n    } else {\r\n      this.player.log('Non-fatal HLS error: ' + data.details, 'warn');\r\n    }\r\n  }\r\n\r\n  play() {\r\n    // Save scroll position to prevent browser from scrolling to video\r\n    const scrollX = window.scrollX;\r\n    const scrollY = window.scrollY;\r\n    \r\n    const promise = this.media.play();\r\n    \r\n    // Restore scroll position immediately to prevent auto-scroll\r\n    window.scrollTo(scrollX, scrollY);\r\n    \r\n    if (promise !== undefined) {\r\n      promise.catch(error => {\r\n        this.player.log('Play failed:', error, 'warn');\r\n      });\r\n    }\r\n  }\r\n\r\n  pause() {\r\n    this.media.pause();\r\n  }\r\n\r\n  seek(time) {\r\n    this.media.currentTime = time;\r\n  }\r\n\r\n  setVolume(volume) {\r\n    this.media.volume = volume;\r\n  }\r\n\r\n  setMuted(muted) {\r\n    this.media.muted = muted;\r\n  }\r\n\r\n  setPlaybackSpeed(speed) {\r\n    this.media.playbackRate = speed;\r\n  }\r\n\r\n  switchQuality(levelIndex) {\r\n    if (this.hls) {\r\n      this.hls.currentLevel = levelIndex;\r\n    }\r\n  }\r\n\r\n  getQualities() {\r\n    if (this.hls && this.hls.levels) {\r\n      return this.hls.levels.map((level, index) => ({\r\n        index,\r\n        height: level.height,\r\n        width: level.width,\r\n        bitrate: level.bitrate,\r\n        name: `${level.height}p`\r\n      }));\r\n    }\r\n    return [];\r\n  }\r\n\r\n  getCurrentQuality() {\r\n    if (this.hls) {\r\n      return this.hls.currentLevel;\r\n    }\r\n    return -1;\r\n  }\r\n\r\n  destroy() {\r\n    if (this.hls) {\r\n      this.hls.destroy();\r\n      this.hls = null;\r\n    }\r\n  }\r\n}\r\n\r\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/dev/vidply.HTML5Renderer-FXBZQL6Y.js

@@ -0,0 +1,12 @@
+/*!
+ * Universal, Accessible Video Player
+ * (c) 2025 Matthias Peltzer
+ * Released under GPL-2.0-or-later License
+ */
+import {
+  HTML5Renderer
+} from "./vidply.chunk-W2LSBD6Y.js";
+export {
+  HTML5Renderer
+};
+//# sourceMappingURL=vidply.HTML5Renderer-FXBZQL6Y.js.map

package/dist/dev/vidply.HTML5Renderer-FXBZQL6Y.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/dev/vidply.chunk-W2LSBD6Y.js

@@ -0,0 +1,251 @@
+/*!
+ * Universal, Accessible Video Player
+ * (c) 2025 Matthias Peltzer
+ * Released under GPL-2.0-or-later License
+ */
+
+// src/renderers/HTML5Renderer.js
+var HTML5Renderer = class {
+  constructor(player) {
+    this.player = player;
+    this.media = player.element;
+  }
+  async init() {
+    this.media.controls = false;
+    this.media.removeAttribute("controls");
+    this.attachEvents();
+    this.media.preload = this.player.options.preload;
+    this.media.load();
+    if (this.player.container) {
+      this.player.container.classList.remove("vidply-external-controls");
+    }
+  }
+  attachEvents() {
+    this.media.addEventListener("loadedmetadata", () => {
+      this.player.state.duration = this.media.duration;
+      this.player.emit("loadedmetadata");
+      if (this.media.tagName === "VIDEO") {
+        this.player.autoGeneratePoster().catch((error) => {
+          this.player.log("Failed to auto-generate poster:", error, "warn");
+        });
+      }
+    });
+    this.media.addEventListener("play", () => {
+      this.player.state.playing = true;
+      this.player.state.paused = false;
+      this.player.state.ended = false;
+      this.player.emit("play");
+      if (this.player.options.onPlay) {
+        this.player.options.onPlay.call(this.player);
+      }
+      if (this.player.options.pauseOthersOnPlay) {
+        this.pauseOtherPlayers();
+      }
+    });
+    this.media.addEventListener("pause", () => {
+      this.player.state.playing = false;
+      this.player.state.paused = true;
+      this.player.emit("pause");
+      if (this.player.options.onPause) {
+        this.player.options.onPause.call(this.player);
+      }
+    });
+    this.media.addEventListener("ended", () => {
+      this.player.state.playing = false;
+      this.player.state.paused = true;
+      this.player.state.ended = true;
+      this.player.emit("ended");
+      if (this.player.options.onEnded) {
+        this.player.options.onEnded.call(this.player);
+      }
+      if (this.player.options.loop) {
+        this.player.seek(0);
+        this.player.play();
+      }
+    });
+    this.media.addEventListener("timeupdate", () => {
+      this.player.state.currentTime = this.media.currentTime;
+      this.player.emit("timeupdate", this.media.currentTime);
+      if (this.player.options.onTimeUpdate) {
+        this.player.options.onTimeUpdate.call(this.player, this.media.currentTime);
+      }
+    });
+    this.media.addEventListener("volumechange", () => {
+      this.player.state.volume = this.media.volume;
+      this.player.state.muted = this.media.muted;
+      this.player.emit("volumechange", this.media.volume);
+      if (this.player.options.onVolumeChange) {
+        this.player.options.onVolumeChange.call(this.player, this.media.volume);
+      }
+    });
+    this.media.addEventListener("seeking", () => {
+      this.player.state.seeking = true;
+      this.player.emit("seeking");
+    });
+    this.media.addEventListener("seeked", () => {
+      this.player.state.seeking = false;
+      this.player.emit("seeked");
+    });
+    this.media.addEventListener("waiting", () => {
+      this.player.state.buffering = true;
+      this.player.emit("waiting");
+    });
+    this.media.addEventListener("canplay", () => {
+      this.player.state.buffering = false;
+      this.player.emit("canplay");
+    });
+    this.media.addEventListener("progress", () => {
+      if (this.media.buffered.length > 0) {
+        const buffered = this.media.buffered.end(this.media.buffered.length - 1);
+        this.player.emit("progress", buffered);
+      }
+    });
+    this.media.addEventListener("error", (e) => {
+      this.player.handleError(this.media.error);
+    });
+    this.media.addEventListener("ratechange", () => {
+      this.player.state.playbackSpeed = this.media.playbackRate;
+      this.player.emit("ratechange", this.media.playbackRate);
+    });
+  }
+  pauseOtherPlayers() {
+    const allPlayers = document.querySelectorAll(".vidply-player");
+    allPlayers.forEach((playerEl) => {
+      if (playerEl !== this.player.container) {
+        const video = playerEl.querySelector("video, audio");
+        if (video && !video.paused) {
+          video.pause();
+        }
+      }
+    });
+  }
+  play() {
+    const scrollX = window.scrollX;
+    const scrollY = window.scrollY;
+    const promise = this.media.play();
+    window.scrollTo(scrollX, scrollY);
+    if (promise !== void 0) {
+      promise.catch((error) => {
+        this.player.log("Play failed:", error, "warn");
+        if (this.player.options.autoplay && !this.player.state.muted) {
+          this.player.log("Retrying play with muted audio", "info");
+          this.media.muted = true;
+          const retryScrollX = window.scrollX;
+          const retryScrollY = window.scrollY;
+          this.media.play().then(() => {
+            window.scrollTo(retryScrollX, retryScrollY);
+          }).catch((err) => {
+            this.player.handleError(err);
+          });
+        }
+      });
+    }
+  }
+  pause() {
+    this.media.pause();
+  }
+  seek(time) {
+    this.media.currentTime = time;
+  }
+  setVolume(volume) {
+    this.media.volume = volume;
+  }
+  setMuted(muted) {
+    this.media.muted = muted;
+  }
+  setPlaybackSpeed(speed) {
+    this.media.playbackRate = speed;
+  }
+  /**
+   * Get available quality levels from source elements
+   * @returns {Array} Array of quality objects with index, height, width, and src
+   */
+  getQualities() {
+    const sources = Array.from(this.media.querySelectorAll("source"));
+    if (sources.length <= 1) {
+      return [];
+    }
+    return sources.map((source, index) => {
+      const label = source.getAttribute("data-quality") || source.getAttribute("label") || "";
+      const height = source.getAttribute("data-height") || this.extractHeightFromLabel(label);
+      const width = source.getAttribute("data-width") || "";
+      return {
+        index,
+        height: height ? parseInt(height) : 0,
+        width: width ? parseInt(width) : 0,
+        src: source.src,
+        type: source.type,
+        name: label || (height ? `${height}p` : `Quality ${index + 1}`)
+      };
+    }).filter((q) => q.height > 0);
+  }
+  /**
+   * Extract height from quality label (e.g., "1080p" -> 1080)
+   * @param {string} label 
+   * @returns {number}
+   */
+  extractHeightFromLabel(label) {
+    const match = label.match(/(\d+)p/i);
+    return match ? parseInt(match[1]) : 0;
+  }
+  /**
+   * Switch to a specific quality level
+   * @param {number} qualityIndex - Index of the quality level (-1 for auto, not applicable for HTML5)
+   */
+  switchQuality(qualityIndex) {
+    const qualities = this.getQualities();
+    if (qualityIndex < 0 || qualityIndex >= qualities.length) {
+      this.player.log("Invalid quality index", "warn");
+      return;
+    }
+    const quality = qualities[qualityIndex];
+    const currentTime = this.media.currentTime;
+    const wasPlaying = !this.media.paused;
+    const currentSrc = this.media.currentSrc;
+    if (currentSrc === quality.src) {
+      this.player.log("Already at this quality level", "info");
+      return;
+    }
+    this.player.log(`Switching to quality: ${quality.name}`, "info");
+    this.media.src = quality.src;
+    const onLoadedMetadata = () => {
+      this.media.removeEventListener("loadedmetadata", onLoadedMetadata);
+      this.media.currentTime = currentTime;
+      if (wasPlaying) {
+        this.media.play().catch((err) => {
+          this.player.log("Failed to resume playback after quality switch", "warn");
+        });
+      }
+      this.player.emit("qualitychange", { quality: quality.name, index: qualityIndex });
+    };
+    this.media.addEventListener("loadedmetadata", onLoadedMetadata);
+    this.media.load();
+  }
+  /**
+   * Get current quality index
+   * @returns {number}
+   */
+  getCurrentQuality() {
+    const qualities = this.getQualities();
+    const currentSrc = this.media.currentSrc;
+    for (let i = 0; i < qualities.length; i++) {
+      if (qualities[i].src === currentSrc) {
+        return i;
+      }
+    }
+    return 0;
+  }
+  destroy() {
+    this.media.removeEventListener("loadedmetadata", () => {
+    });
+    this.media.removeEventListener("play", () => {
+    });
+    this.media.removeEventListener("pause", () => {
+    });
+  }
+};
+
+export {
+  HTML5Renderer
+};
+//# sourceMappingURL=vidply.chunk-W2LSBD6Y.js.map

package/dist/dev/vidply.chunk-W2LSBD6Y.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/renderers/HTML5Renderer.js"],
+  "sourcesContent": ["/**\r\n * HTML5 Media Renderer\r\n */\r\n\r\nexport class HTML5Renderer {\r\n  constructor(player) {\r\n    this.player = player;\r\n    this.media = player.element;\r\n  }\r\n\r\n  async init() {\r\n    // Hide native controls\r\n    this.media.controls = false;\r\n    this.media.removeAttribute('controls');\r\n    \r\n    this.attachEvents();\r\n    \r\n    // Set preload\r\n    this.media.preload = this.player.options.preload;\r\n    \r\n    // Load media\r\n    this.media.load();\r\n    \r\n    // Show VidPly controls (remove external controls class if present)\r\n    if (this.player.container) {\r\n      this.player.container.classList.remove('vidply-external-controls');\r\n    }\r\n  }\r\n\r\n  attachEvents() {\r\n    // Playback events\r\n    this.media.addEventListener('loadedmetadata', () => {\r\n      this.player.state.duration = this.media.duration;\r\n      this.player.emit('loadedmetadata');\r\n      \r\n      // Auto-generate poster if none exists (for HTML5 video only)\r\n      if (this.media.tagName === 'VIDEO') {\r\n        this.player.autoGeneratePoster().catch(error => {\r\n          this.player.log('Failed to auto-generate poster:', error, 'warn');\r\n        });\r\n      }\r\n    });\r\n\r\n    this.media.addEventListener('play', () => {\r\n      this.player.state.playing = true;\r\n      this.player.state.paused = false;\r\n      this.player.state.ended = false;\r\n      this.player.emit('play');\r\n      \r\n      if (this.player.options.onPlay) {\r\n        this.player.options.onPlay.call(this.player);\r\n      }\r\n      \r\n      // Pause other players if enabled\r\n      if (this.player.options.pauseOthersOnPlay) {\r\n        this.pauseOtherPlayers();\r\n      }\r\n    });\r\n\r\n    this.media.addEventListener('pause', () => {\r\n      this.player.state.playing = false;\r\n      this.player.state.paused = true;\r\n      this.player.emit('pause');\r\n      \r\n      if (this.player.options.onPause) {\r\n        this.player.options.onPause.call(this.player);\r\n      }\r\n    });\r\n\r\n    this.media.addEventListener('ended', () => {\r\n      this.player.state.playing = false;\r\n      this.player.state.paused = true;\r\n      this.player.state.ended = true;\r\n      this.player.emit('ended');\r\n      \r\n      if (this.player.options.onEnded) {\r\n        this.player.options.onEnded.call(this.player);\r\n      }\r\n      \r\n      // Handle loop\r\n      if (this.player.options.loop) {\r\n        this.player.seek(0);\r\n        this.player.play();\r\n      }\r\n    });\r\n\r\n    this.media.addEventListener('timeupdate', () => {\r\n      this.player.state.currentTime = this.media.currentTime;\r\n      this.player.emit('timeupdate', this.media.currentTime);\r\n      \r\n      if (this.player.options.onTimeUpdate) {\r\n        this.player.options.onTimeUpdate.call(this.player, this.media.currentTime);\r\n      }\r\n    });\r\n\r\n    this.media.addEventListener('volumechange', () => {\r\n      this.player.state.volume = this.media.volume;\r\n      this.player.state.muted = this.media.muted;\r\n      this.player.emit('volumechange', this.media.volume);\r\n      \r\n      if (this.player.options.onVolumeChange) {\r\n        this.player.options.onVolumeChange.call(this.player, this.media.volume);\r\n      }\r\n    });\r\n\r\n    this.media.addEventListener('seeking', () => {\r\n      this.player.state.seeking = true;\r\n      this.player.emit('seeking');\r\n    });\r\n\r\n    this.media.addEventListener('seeked', () => {\r\n      this.player.state.seeking = false;\r\n      this.player.emit('seeked');\r\n    });\r\n\r\n    this.media.addEventListener('waiting', () => {\r\n      this.player.state.buffering = true;\r\n      this.player.emit('waiting');\r\n    });\r\n\r\n    this.media.addEventListener('canplay', () => {\r\n      this.player.state.buffering = false;\r\n      this.player.emit('canplay');\r\n    });\r\n\r\n    this.media.addEventListener('progress', () => {\r\n      if (this.media.buffered.length > 0) {\r\n        const buffered = this.media.buffered.end(this.media.buffered.length - 1);\r\n        this.player.emit('progress', buffered);\r\n      }\r\n    });\r\n\r\n    this.media.addEventListener('error', (e) => {\r\n      this.player.handleError(this.media.error);\r\n    });\r\n\r\n    this.media.addEventListener('ratechange', () => {\r\n      this.player.state.playbackSpeed = this.media.playbackRate;\r\n      this.player.emit('ratechange', this.media.playbackRate);\r\n    });\r\n  }\r\n\r\n  pauseOtherPlayers() {\r\n    // Pause other VidPly instances\r\n    const allPlayers = document.querySelectorAll('.vidply-player');\r\n    allPlayers.forEach(playerEl => {\r\n      if (playerEl !== this.player.container) {\r\n        const video = playerEl.querySelector('video, audio');\r\n        if (video && !video.paused) {\r\n          video.pause();\r\n        }\r\n      }\r\n    });\r\n  }\r\n\r\n  play() {\r\n    // Save scroll position to prevent browser from scrolling to video\r\n    const scrollX = window.scrollX;\r\n    const scrollY = window.scrollY;\r\n    \r\n    const promise = this.media.play();\r\n    \r\n    // Restore scroll position immediately to prevent auto-scroll\r\n    window.scrollTo(scrollX, scrollY);\r\n    \r\n    if (promise !== undefined) {\r\n      promise.catch(error => {\r\n        this.player.log('Play failed:', error, 'warn');\r\n        \r\n        // If autoplay failed, try muted autoplay\r\n        if (this.player.options.autoplay && !this.player.state.muted) {\r\n          this.player.log('Retrying play with muted audio', 'info');\r\n          this.media.muted = true;\r\n          \r\n          // Save scroll position again for retry\r\n          const retryScrollX = window.scrollX;\r\n          const retryScrollY = window.scrollY;\r\n          this.media.play().then(() => {\r\n            window.scrollTo(retryScrollX, retryScrollY);\r\n          }).catch(err => {\r\n            this.player.handleError(err);\r\n          });\r\n        }\r\n      });\r\n    }\r\n  }\r\n\r\n  pause() {\r\n    this.media.pause();\r\n  }\r\n\r\n  seek(time) {\r\n    this.media.currentTime = time;\r\n  }\r\n\r\n  setVolume(volume) {\r\n    this.media.volume = volume;\r\n  }\r\n\r\n  setMuted(muted) {\r\n    this.media.muted = muted;\r\n  }\r\n\r\n  setPlaybackSpeed(speed) {\r\n    this.media.playbackRate = speed;\r\n  }\r\n\r\n  /**\r\n   * Get available quality levels from source elements\r\n   * @returns {Array} Array of quality objects with index, height, width, and src\r\n   */\r\n  getQualities() {\r\n    const sources = Array.from(this.media.querySelectorAll('source'));\r\n    \r\n    if (sources.length <= 1) {\r\n      return [];\r\n    }\r\n\r\n    return sources.map((source, index) => {\r\n      // Try to extract quality from data attributes or label\r\n      const label = source.getAttribute('data-quality') || source.getAttribute('label') || '';\r\n      const height = source.getAttribute('data-height') || this.extractHeightFromLabel(label);\r\n      const width = source.getAttribute('data-width') || '';\r\n      \r\n      return {\r\n        index,\r\n        height: height ? parseInt(height) : 0,\r\n        width: width ? parseInt(width) : 0,\r\n        src: source.src,\r\n        type: source.type,\r\n        name: label || (height ? `${height}p` : `Quality ${index + 1}`)\r\n      };\r\n    }).filter(q => q.height > 0); // Only return qualities with valid height\r\n  }\r\n\r\n  /**\r\n   * Extract height from quality label (e.g., \"1080p\" -> 1080)\r\n   * @param {string} label \r\n   * @returns {number}\r\n   */\r\n  extractHeightFromLabel(label) {\r\n    const match = label.match(/(\\d+)p/i);\r\n    return match ? parseInt(match[1]) : 0;\r\n  }\r\n\r\n  /**\r\n   * Switch to a specific quality level\r\n   * @param {number} qualityIndex - Index of the quality level (-1 for auto, not applicable for HTML5)\r\n   */\r\n  switchQuality(qualityIndex) {\r\n    const qualities = this.getQualities();\r\n    \r\n    if (qualityIndex < 0 || qualityIndex >= qualities.length) {\r\n      this.player.log('Invalid quality index', 'warn');\r\n      return;\r\n    }\r\n\r\n    const quality = qualities[qualityIndex];\r\n    const currentTime = this.media.currentTime;\r\n    const wasPlaying = !this.media.paused;\r\n\r\n    // Store the current source for comparison\r\n    const currentSrc = this.media.currentSrc;\r\n    \r\n    // Don't switch if already at this quality\r\n    if (currentSrc === quality.src) {\r\n      this.player.log('Already at this quality level', 'info');\r\n      return;\r\n    }\r\n\r\n    this.player.log(`Switching to quality: ${quality.name}`, 'info');\r\n\r\n    // Update the src\r\n    this.media.src = quality.src;\r\n    \r\n    // Wait for the new source to load, then restore playback state\r\n    const onLoadedMetadata = () => {\r\n      this.media.removeEventListener('loadedmetadata', onLoadedMetadata);\r\n      \r\n      // Restore playback position\r\n      this.media.currentTime = currentTime;\r\n      \r\n      // Resume playback if it was playing\r\n      if (wasPlaying) {\r\n        this.media.play().catch(err => {\r\n          this.player.log('Failed to resume playback after quality switch', 'warn');\r\n        });\r\n      }\r\n      \r\n      // Emit quality change event\r\n      this.player.emit('qualitychange', { quality: quality.name, index: qualityIndex });\r\n    };\r\n\r\n    this.media.addEventListener('loadedmetadata', onLoadedMetadata);\r\n    this.media.load();\r\n  }\r\n\r\n  /**\r\n   * Get current quality index\r\n   * @returns {number}\r\n   */\r\n  getCurrentQuality() {\r\n    const qualities = this.getQualities();\r\n    const currentSrc = this.media.currentSrc;\r\n    \r\n    for (let i = 0; i < qualities.length; i++) {\r\n      if (qualities[i].src === currentSrc) {\r\n        return i;\r\n      }\r\n    }\r\n    \r\n    return 0; // Default to first quality if not found\r\n  }\r\n\r\n  destroy() {\r\n    // Remove event listeners\r\n    this.media.removeEventListener('loadedmetadata', () => {});\r\n    this.media.removeEventListener('play', () => {});\r\n    this.media.removeEventListener('pause', () => {});\r\n    // ... (other listeners would be removed in a real implementation)\r\n  }\r\n}\r\n\r\n"],
+  "mappings": "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",
+  "names": []
+}