fix: setExtractionOptions 改为 nbSamples: Infinity，提取全部样本

apps/web/src/pages/generate/hooks/useCanvasPlayer.ts

@@ -277,11 +277,36 @@ export function useCanvasPlayer(
 
       return new Promise<SegmentMeta | null>((resolve) => {
         let meta: SegmentMeta | null = null
+        let resolved = false
+
+        // ✅ 超时保护：5秒后如果 onSamples 没有触发，返回 null
+        const timeout = setTimeout(() => {
+          if (!resolved) {
+            console.error(
+              `[useCanvasPlayer] Timeout: onSamples not triggered for segment ${segIndex}`,
+            )
+            resolved = true
+            resolve(null)
+          }
+        }, 5000)
 
         mp4File.onReady = (info: Movie) => {
           const videoTrack = info?.videoTracks?.[0]
+
+          console.log("[useCanvasPlayer] demuxSegment:", {
+            segIndex,
+            startTime: segment.startTime,
+            endTime: segment.endTime,
+            nbSamples: videoTrack?.nb_samples,
+            codec: videoTrack?.codec,
+            videoWidth: videoTrack?.track_width,
+            videoHeight: videoTrack?.track_height,
+          })
+
           if (!videoTrack) {
             console.warn("[useCanvasPlayer] No video track found for segment", segIndex)
+            clearTimeout(timeout)
+            resolved = true
             resolve(null)
             return
           }
@@ -297,11 +322,20 @@ export function useCanvasPlayer(
             }
           }
 
-          // 缓存 description 供后续分片使用
-          if (description) {
-            descriptionCache.current.set(segment.assetId, description)
+          // ✅ 如果 description 缺失，无法解码 HEVC
+          if (!description) {
+            console.error(
+              `[useCanvasPlayer] No description found for segment ${segIndex}, cannot decode HEVC`,
+            )
+            clearTimeout(timeout)
+            resolved = true
+            resolve(null)
+            return
           }
 
+          // 缓存 description 供后续分片使用
+          descriptionCache.current.set(segment.assetId, description)
+
           meta = {
             assetId: segment.assetId,
             videoUrl: segment.videoUrl,
@@ -318,13 +352,17 @@ export function useCanvasPlayer(
 
           // 提取所有 samples
           mp4File.setExtractionOptions(videoTrack.id ?? 1, null, {
-            nbSamples: videoTrack.nb_samples ?? 0,
+            nbSamples: Infinity, // 提取所有 sample
           })
           mp4File.start()
         }
 
         mp4File.onSamples = (_trackId: number, _user: unknown, samples: Sample[]) => {
+          if (resolved) return // ✅ 防止重复 resolve
+
           if (!meta) {
+            clearTimeout(timeout)
+            resolved = true
             resolve(null)
             return
           }
@@ -368,11 +406,15 @@ export function useCanvasPlayer(
           )
 
           // ✅ 关键修复：等待 onSamples 完成后再返回
+          clearTimeout(timeout)
+          resolved = true
           resolve(meta)
         }
 
         mp4File.onError = (_module: string, message: string) => {
           console.error(`[useCanvasPlayer] MP4Box error: ${message}`)
+          clearTimeout(timeout)
+          resolved = true
           resolve(null)
         }