vyrplay 1.0.0 → 1.0.1

package/src/engine/MediaEngine.js

@@ -1,369 +0,0 @@
-/**
- * MediaEngine — handles MP4 / HLS / multi-quality with smart fallback.
- * hls.js is loaded lazily only when needed.
- */
-
-let HlsLib = null;
-
-async function ensureHls() {
-  if (HlsLib) return HlsLib;
-  if (typeof window !== 'undefined' && window.Hls) {
-    HlsLib = window.Hls;
-    return HlsLib;
-  }
-  try {
-    const mod = await import('hls.js');
-    HlsLib = mod.default || mod;
-    return HlsLib;
-  } catch (_) {
-    // CDN fallback
-    return new Promise((resolve, reject) => {
-      if (typeof document === 'undefined') return reject(new Error('No Hls'));
-      const s = document.createElement('script');
-      s.src = 'https://cdn.jsdelivr.net/npm/hls.js@1.5.7';
-      s.onload = () => {
-        HlsLib = window.Hls;
-        resolve(HlsLib);
-      };
-      s.onerror = () => reject(new Error('Failed to load hls.js'));
-      document.head.appendChild(s);
-    });
-  }
-}
-
-export class MediaEngine {
-  constructor(video, opts = {}) {
-    this.video = video;
-    this.hls = null;
-    this.sources = [];
-    this.currentIndex = 0;
-    this.currentQuality = null;
-    this.isHls = false;
-    this._destroyed = false;
-    this.onError = opts.onError || (() => {});
-    this.onReady = opts.onReady || (() => {});
-    this.onQualityChange = opts.onQualityChange || (() => {});
-  }
-
-  /**
-   * Normalize options into internal sources list.
-   * Accepts:
-   *   sources: [{ type, url, label, height }]
-   *   src + type
-   *   single string url
-   */
-  setSources(input) {
-    let list = [];
-    if (Array.isArray(input) && input.length) {
-      list = input.map((s) => this._norm(s));
-    } else if (input && typeof input === 'object' && input.url) {
-      list = [this._norm(input)];
-    } else if (typeof input === 'string') {
-      list = [this._norm({ url: input })];
-    }
-    // sort by height desc
-    list.sort((a, b) => (b.height || 0) - (a.height || 0));
-    // dedupe labels
-    const seen = new Set();
-    this.sources = list.filter((s) => {
-      if (!s.url || seen.has(s.label)) return false;
-      seen.add(s.label);
-      return true;
-    });
-    this.currentIndex = 0;
-    this.currentQuality = this.sources[0]?.label || null;
-    return this.sources;
-  }
-
-  _norm(s) {
-    if (typeof s === 'string') s = { url: s };
-    const url = String(s.url || '');
-    let type = (s.type || '').toLowerCase();
-    if (!type) {
-      if (/\.m3u8(\?|$)/i.test(url) || /application\/vnd\.apple\.mpegurl/i.test(s.mime || '')) {
-        type = 'hls';
-      } else {
-        type = 'mp4';
-      }
-    }
-    const height = s.height || this._guessHeight(s.label || s.quality || '') || 0;
-    const label = s.label || (height ? height + 'p' : (s.quality || 'Auto'));
-    return { type, url, label, height, name: s.name };
-  }
-
-  _guessHeight(str) {
-    const m = String(str).match(/(\d{3,4})\s*p/i);
-    if (m) return parseInt(m[1], 10);
-    const map = { fullhd: 1080, full: 1080, hd: 720, sd: 480, low: 360, mobile: 144, ultra: 2160, quad: 1440 };
-    return map[String(str).toLowerCase()] || 0;
-  }
-
-  getQualities() {
-    return this.sources.map((s) => ({ label: s.label, height: s.height, url: s.url, type: s.type }));
-  }
-
-  async load(startTime = 0, autoplay = true) {
-    if (this._destroyed || !this.sources.length) {
-      this.onError({ message: 'Tidak ada sumber video' });
-      return false;
-    }
-    return this._tryIndex(0, startTime, autoplay);
-  }
-
-  async _tryIndex(idx, startTime, autoplay) {
-    if (this._destroyed) return false;
-    if (idx >= this.sources.length) {
-      this.onError({ message: 'Semua sumber gagal dimuat' });
-      return false;
-    }
-    this.currentIndex = idx;
-    const src = this.sources[idx];
-    this.currentQuality = src.label;
-    this.onQualityChange(src.label);
-
-    this._destroyHls();
-    try {
-      this.video.pause();
-      this.video.removeAttribute('src');
-      this.video.load();
-    } catch (_) {}
-
-    if (src.type === 'hls') {
-      return this._loadHls(src.url, startTime, autoplay, idx);
-    }
-    return this._loadDirect(src.url, startTime, autoplay, idx);
-  }
-
-  _cleanUrl(url) {
-    try {
-      const u = new URL(url, typeof location !== 'undefined' ? location.href : undefined);
-      u.hash = '';
-      return u.toString();
-    } catch (_) {
-      return String(url || '').split('#')[0];
-    }
-  }
-
-  _loadDirect(url, startTime, autoplay, idx) {
-    return new Promise((resolve) => {
-      let settled = false;
-      const finish = (ok) => {
-        if (settled) return;
-        settled = true;
-        this.video.removeEventListener('loadedmetadata', onOk);
-        this.video.removeEventListener('canplay', onOk);
-        this.video.removeEventListener('error', onErr);
-        if (!ok) {
-          this._tryIndex(idx + 1, startTime, autoplay).then(resolve);
-          return;
-        }
-        try {
-          if (startTime > 0.5 && isFinite(startTime)) {
-            this.video.currentTime = startTime;
-          }
-        } catch (_) {}
-        if (autoplay) this.video.play().catch(() => {});
-        this.onReady({ quality: this.currentQuality, type: 'mp4' });
-        resolve(true);
-      };
-      const onOk = () => finish(true);
-      const onErr = () => finish(false);
-      this.video.src = this._cleanUrl(url);
-      try { this.video.load(); } catch (_) {}
-      this.video.addEventListener('loadedmetadata', onOk, { once: true });
-      this.video.addEventListener('canplay', onOk, { once: true });
-      this.video.addEventListener('error', onErr, { once: true });
-      setTimeout(() => {
-        if (!settled) {
-          const ok = this.video.readyState >= 2 || (this.video.duration > 0 && isFinite(this.video.duration));
-          finish(!!ok);
-        }
-      }, 18000);
-    });
-  }
-
-  async _loadHls(url, startTime, autoplay, idx) {
-    const clean = this._cleanUrl(url);
-    try {
-      // Native HLS (Safari / some Android) — same path as "buka URL di browser"
-      // Jangan set crossOrigin: segment CDN sering tanpa ACAO → stuck loading.
-      if (this.video.canPlayType('application/vnd.apple.mpegurl')) {
-        return this._loadDirect(clean, startTime, autoplay, idx);
-      }
-      const Hls = await ensureHls();
-      if (!Hls || !Hls.isSupported()) {
-        return this._tryIndex(idx + 1, startTime, autoplay);
-      }
-      this.isHls = true;
-      this.hls = new Hls({
-        enableWorker: true,
-        lowLatencyMode: false,
-        backBufferLength: 30,
-        maxBufferLength: 45,
-        maxMaxBufferLength: 90,
-        maxBufferHole: 1.0,
-        nudgeMaxRetry: 5,
-        fragLoadingTimeOut: 25000,
-        manifestLoadingTimeOut: 20000,
-        levelLoadingTimeOut: 20000,
-        startPosition: startTime > 0 ? startTime : -1,
-        xhrSetup: function (xhr) {
-          // jangan kirim credentials ke CDN
-          try { xhr.withCredentials = false; } catch (_) {}
-        },
-      });
-      this.hls.loadSource(clean);
-      this.hls.attachMedia(this.video);
-
-      return new Promise((resolve) => {
-        let settled = false;
-        const finish = (ok, reason) => {
-          if (settled) return;
-          settled = true;
-          if (!ok) {
-            this._destroyHls();
-            this._tryIndex(idx + 1, startTime, autoplay).then(resolve);
-            return;
-          }
-          if (startTime > 0.5) {
-            try { this.video.currentTime = startTime; } catch (_) {}
-          }
-          if (autoplay) {
-            const p = this.video.play();
-            if (p && p.catch) p.catch(() => {});
-          }
-          this.onReady({ quality: this.currentQuality, type: 'hls', reason });
-          resolve(true);
-        };
-
-        this.hls.on(Hls.Events.MANIFEST_PARSED, (_, data) => {
-          // Master playlist → expose levels as qualities
-          try {
-            const levels = this.hls.levels || [];
-            if (levels.length > 1) {
-              const mapped = levels.map((lv, i) => ({
-                label: (lv.height ? lv.height + 'p' : ('L' + i)),
-                height: lv.height || 0,
-                url: clean,
-                type: 'hls',
-                level: i,
-              })).sort((a, b) => (b.height || 0) - (a.height || 0));
-              // merge into sources for UI (keep current as hls levels)
-              this._hlsLevels = mapped;
-              this.sources = mapped.length ? mapped : this.sources;
-              this.currentQuality = mapped[0]?.label || this.currentQuality;
-              this.onQualityChange(this.currentQuality);
-            } else if (levels.length === 1) {
-              const lv = levels[0];
-              const label = lv.height ? (lv.height + 'p') : (this.currentQuality || 'Auto');
-              this.currentQuality = label;
-              this.onQualityChange(label);
-            }
-          } catch (_) {}
-          // don't finish yet — wait until we can play or first frag
-        });
-
-        this.hls.on(Hls.Events.FRAG_BUFFERED, () => finish(true, 'frag'));
-        this.video.addEventListener('canplay', () => finish(true, 'canplay'), { once: true });
-        this.video.addEventListener('loadeddata', () => {
-          if (this.video.readyState >= 2) finish(true, 'loadeddata');
-        }, { once: true });
-
-        this.hls.on(Hls.Events.ERROR, (_, data) => {
-          if (!data) return;
-          if (data.fatal) {
-            const type = data.type;
-            try {
-              if (type === Hls.ErrorTypes.NETWORK_ERROR) {
-                this.hls.startLoad();
-                return;
-              }
-              if (type === Hls.ErrorTypes.MEDIA_ERROR) {
-                this.hls.recoverMediaError();
-                return;
-              }
-            } catch (_) {}
-            finish(false, 'fatal');
-          }
-        });
-
-        setTimeout(() => {
-          if (!settled) {
-            // partial success if we have duration
-            const ok = this.video.readyState >= 2 || (this.video.duration > 0 && isFinite(this.video.duration));
-            finish(!!ok, 'timeout');
-          }
-        }, 25000);
-      });
-    } catch (err) {
-      return this._tryIndex(idx + 1, startTime, autoplay);
-    }
-  }
-
-  /** Switch quality by label — keep current time */
-  async switchQuality(label) {
-    if (!label || label === this.currentQuality) return;
-    const q = this.sources.find((s) => s.label === label);
-    if (!q) return;
-
-    const time = this.video.currentTime || 0;
-    const wasPlaying = !this.video.paused;
-    const prev = this.currentQuality;
-    this.currentQuality = label;
-    this.onQualityChange(label);
-
-    // HLS level switch if possible
-    if (this.isHls && this.hls && this.hls.levels && this.hls.levels.length) {
-      const wantH = parseInt(String(label).replace(/[^\d]/g, ''), 10) || 0;
-      let lvl = -1;
-      for (let i = 0; i < this.hls.levels.length; i++) {
-        if ((this.hls.levels[i].height || 0) === wantH) { lvl = i; break; }
-      }
-      if (lvl < 0 && wantH) {
-        let best = -1, bestDiff = 1e9;
-        for (let i = 0; i < this.hls.levels.length; i++) {
-          const d = Math.abs((this.hls.levels[i].height || 0) - wantH);
-          if (d < bestDiff) { bestDiff = d; best = i; }
-        }
-        lvl = best;
-      }
-      if (lvl >= 0) {
-        this.hls.currentLevel = lvl;
-        this.hls.loadLevel = lvl;
-        return;
-      }
-      // label may map to stored level index
-      const fromSrc = this.sources.find((s) => s.label === label && s.level != null);
-      if (fromSrc && fromSrc.level >= 0) {
-        this.hls.currentLevel = fromSrc.level;
-        this.hls.loadLevel = fromSrc.level;
-        return;
-      }
-    }
-
-    // Progressive: change src, restore time
-    if (q.type === 'hls') {
-      await this._loadHls(q.url, time, wasPlaying, this.currentIndex);
-    } else {
-      await this._loadDirect(q.url, time, wasPlaying, this.sources.indexOf(q));
-    }
-  }
-
-  _destroyHls() {
-    if (this.hls) {
-      try { this.hls.destroy(); } catch (_) {}
-      this.hls = null;
-    }
-    this.isHls = false;
-  }
-
-  destroy() {
-    this._destroyed = true;
-    this._destroyHls();
-    try {
-      this.video.pause();
-      this.video.removeAttribute('src');
-      this.video.load();
-    } catch (_) {}
-  }
-}

package/src/index.js

@@ -1,3 +0,0 @@
-export { VyrPlay } from './VyrPlay.js';
-export { MediaEngine } from './engine/MediaEngine.js';
-export { fmtTime, fmtRate } from './utils/format.js';