@banou/media-player 0.2.3 → 0.2.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@banou/media-player",
-  "version": "0.2.3",
+  "version": "0.2.5",
   "description": "",
   "type": "module",
   "main": "build/index.js",
@@ -37,7 +37,7 @@
   "dependencies": {
     "@emotion/react": "^11.10.5",
     "jassub": "^1.7.1",
-    "libav-wasm": "^0.3.3",
+    "libav-wasm": "^0.3.4",
     "mp4box": "^0.5.2",
     "osra": "^0.0.11",
     "p-queue": "^7.3.4",

package/src/index.tsx

@@ -246,7 +246,7 @@ const FKNVideo = forwardRef<HTMLVideoElement, VideoHTMLAttributes<HTMLInputEleme
       let chunks: Chunk[] = []
   
       const PREVIOUS_BUFFER_COUNT = 1
-      const BUFFER_COUNT = 5
+      const NEEDED_TIME_IN_SECONDS = 15
   
       await appendBuffer(headerChunk.buffer)
   
@@ -268,8 +268,13 @@ const FKNVideo = forwardRef<HTMLVideoElement, VideoHTMLAttributes<HTMLInputEleme
         const currentChunkIndex = chunks.findIndex(({ pts, duration }) => pts <= currentTime && pts + duration >= currentTime)
         const sliceIndex = Math.max(0, currentChunkIndex - PREVIOUS_BUFFER_COUNT)
   
-        for (let i = 0; i < sliceIndex + BUFFER_COUNT; i++) {
-          if (chunks[i] || reachedEnd) continue
+        const getLastChunkEndTime = () => {
+          const lastChunk = chunks.at(-1)
+          if (!lastChunk) return 0
+          return lastChunk.pts + lastChunk.duration
+        }
+  
+        while (getLastChunkEndTime() < currentTime + NEEDED_TIME_IN_SECONDS){
           const chunk = await pull()
           await appendBuffer(chunk.buffer)
         }

package/src/utils.ts

@@ -15,6 +15,7 @@ export function debounceImmediateAndLatest<T extends (...args: any[]) => any>(
   let lastArgs: any[] | null = null;
 
   const debouncedFunction = function(...args: any[]) {
+    // @ts-expect-error
     const context = this;
 
     if (timeoutId === null) {
@@ -231,10 +232,11 @@ export const toBufferedStream = (SIZE: number) => (stream: ReadableStream) =>
         controller.enqueue(this.buffers.shift())
         tryToBuffer()
       } catch(err) {
-        // firefox somehow shits the bed here
         if (!(
-          err instanceof TypeError &&
-          err.message === 'ReadableStreamDefaultController.enqueue: Cannot enqueue into a stream that has already been requested to close.'
+          err instanceof TypeError && (
+            err.message === 'ReadableStreamDefaultController.enqueue: Cannot enqueue into a stream that has already been requested to close.' ||
+            err.message === `Failed to execute 'enqueue' on 'ReadableStreamDefaultController': Cannot enqueue a chunk into a readable stream that is closed or has been requested to be closed`
+          )
         )) {
           throw err
         }