@banou/media-player 0.2.0 → 0.2.2

package/package.json

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

package/src/index.tsx

@@ -250,9 +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()
-        // @ts-expect-error
+        if (chunk.isTrailer) reachedEnd = true
         chunks = [...chunks, chunk]
         return chunk
       }
@@ -266,9 +269,8 @@ 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()
-          // @ts-expect-error
           await appendBuffer(chunk.buffer)
         }
   
@@ -299,14 +301,13 @@ 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 = []
           await remuxer.seek(seekTime)
           const chunk1 = await pull()
-          // @ts-expect-error
           sourceBuffer.timestampOffset = chunk1.pts
-          // @ts-expect-error
           await appendBuffer(chunk1.buffer)
           if (firstSeekPaused === false) {
             await videoElement.play()
@@ -323,7 +324,6 @@ const FKNVideo = forwardRef<HTMLVideoElement, VideoHTMLAttributes<HTMLInputEleme
       })
 
       const firstChunk = await pull()
-      // @ts-expect-error
       appendBuffer(firstChunk.buffer)
   
       videoElement.addEventListener('timeupdate', () => {

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)