@give-tech/ec-player 0.0.1-beta.55 → 0.0.1-beta.57

package/dist/index.js

@@ -2617,7 +2617,31 @@ class HLSPlayer extends BasePlayer {
     }
     let content;
     try {
-      content = await response.text();
+      const M3U8_READ_TIMEOUT = 15e3;
+      const body = response.body;
+      if (body) {
+        const reader = body.getReader();
+        const decoder = new TextDecoder();
+        let text = "";
+        const startTime = Date.now();
+        while (true) {
+          if (this.abortController?.signal.aborted) {
+            reader.cancel();
+            throw new DOMException("Aborted", "AbortError");
+          }
+          const { done, value } = await reader.read();
+          if (done) break;
+          text += decoder.decode(value, { stream: true });
+          if (text.includes("#EXT-X-ENDLIST")) break;
+          if (Date.now() - startTime > M3U8_READ_TIMEOUT || text.length > 5e4) break;
+        }
+        content = text + decoder.decode();
+        if (Date.now() - startTime > M3U8_READ_TIMEOUT || !text.includes("#EXT-X-ENDLIST")) {
+          console.log("[parsePlaylist] m3u8 streaming read completed, size:", content.length, "hasEndList:", text.includes("#EXT-X-ENDLIST"));
+        }
+      } else {
+        content = await response.text();
+      }
     } catch (error) {
       throw error;
     }
@@ -4423,7 +4447,7 @@ class Canvas2DRenderer {
   render(frame) {
     if (!frame || !frame.data) return;
     const { width, height, data } = frame;
-    if (this.canvas.width !== width || this.canvas.height !== height) {
+    if (this.canvas.width !== width || this.canvas.height !== height || !this.cachedImageData) {
       this.canvas.width = width;
       this.canvas.height = height;
       this.cachedImageData = this.ctx.createImageData(width, height);