@banou/media-player 0.2.1 → 0.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@banou/media-player",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "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.2",
+    "libav-wasm": "^0.3.3",
     "mp4box": "^0.5.2",
     "osra": "^0.0.11",
     "p-queue": "^7.3.4",

package/src/index.tsx

@@ -250,8 +250,12 @@ const FKNVideo = forwardRef<HTMLVideoElement, VideoHTMLAttributes<HTMLInputEleme
   
       await appendBuffer(headerChunk.buffer)
   
+      let reachedEnd = false
+
       const pull = async () => {
+        if (reachedEnd) throw new Error('end')
         const chunk = await remuxer.read()
+        if (chunk.isTrailer) reachedEnd = true
         chunks = [...chunks, chunk]
         return chunk
       }
@@ -265,7 +269,7 @@ const FKNVideo = forwardRef<HTMLVideoElement, VideoHTMLAttributes<HTMLInputEleme
         const sliceIndex = Math.max(0, currentChunkIndex - PREVIOUS_BUFFER_COUNT)
   
         for (let i = 0; i < sliceIndex + BUFFER_COUNT; i++) {
-          if (chunks[i]) continue
+          if (chunks[i] || reachedEnd) continue
           const chunk = await pull()
           await appendBuffer(chunk.buffer)
         }
@@ -297,6 +301,7 @@ const FKNVideo = forwardRef<HTMLVideoElement, VideoHTMLAttributes<HTMLInputEleme
       let firstSeekPaused: boolean | undefined
       const seek = debounceImmediateAndLatest(250, async (seekTime: number) => {
         try {
+          reachedEnd = false
           if (firstSeekPaused === undefined) firstSeekPaused = videoElement.paused
           seeking = true
           chunks = []

package/src/main.tsx

@@ -25,7 +25,7 @@ const Mount = () => {
 
   const onFetch = async (offset: number, end?: number) =>
     fetch(
-      '/video6.mkv',
+      '/video9.mkv',
       {
         headers: {
           Range: `bytes=${offset}-${end ?? ''}`

package/src/utils.ts

@@ -200,6 +200,7 @@ export const toBufferedStream = (SIZE: number) => (stream: ReadableStream) =>
         this.currentPullPromise = undefined
         if (done) {
           try {
+            for (const buffer of this.buffers) controller.enqueue(buffer)
             controller.close()
           } catch (err) {
             // console.error(err)