fix: recording video output does not have audio

doc-site/docs/demo/4_2-recorder-avcanvas.md

@@ -19,3 +19,7 @@ order: 2
 :::info
 暂未实现右键菜单，用户无法使用鼠标点击删除素材，可通过程序接口删除素材。
 :::
+
+:::info
+添加本地音视频文件素材（Video、Audio）时，声音会录制到流中，但不会通过扬声器播放出来
+:::

doc-site/docs/demo/recorder-avcanvas.tsx

@@ -99,6 +99,7 @@ export default function UI() {
           const vs = new VideoSprite(
             'video',
             await loadFile({ 'video/*': ['.webm', '.mp4'] }),
+            { audioCtx: avCvs.spriteManager.audioCtx },
           );
           await avCvs.spriteManager.addSprite(vs);
         }}
@@ -112,6 +113,7 @@ export default function UI() {
           const as = new AudioSprite(
             'audio',
             await loadFile({ 'audio/*': ['.mp3', '.wav', '.ogg'] }),
+            { audioCtx: avCvs.spriteManager.audioCtx },
           );
           await avCvs.spriteManager.addSprite(as);
         }}

packages/av-canvas/demo/record-avcanvas.ts

@@ -81,7 +81,9 @@ document.querySelector('#localVideo')?.addEventListener('click', () => {
         }
       ]
     })
-    const vs = new VideoSprite('vs', await imgFH.getFile())
+    const vs = new VideoSprite('vs', await imgFH.getFile(), {
+      audioCtx: avCvs.spriteManager.audioCtx
+    })
     await avCvs.spriteManager.addSprite(vs)
   })().catch(console.error)
 })
@@ -98,7 +100,9 @@ document.querySelector('#localAudio')?.addEventListener('click', () => {
         }
       ]
     })
-    const as = new AudioSprite('vs', await imgFH.getFile())
+    const as = new AudioSprite('vs', await imgFH.getFile(), {
+      audioCtx: avCvs.spriteManager.audioCtx
+    })
     await avCvs.spriteManager.addSprite(as)
   })().catch(console.error)
 })