Allow recording with audio

webcam/webcam/react_webcam.py

@@ -10,6 +10,8 @@ class Webcam(rx.Component):
     is_default = True
 
     screenshot_format: rx.Var[str] = "image/jpeg"  # type: ignore
+    audio: rx.Var[bool]
+    special_props: set[rx.Var] = [rx.Var.create("muted")]
 
     def _get_hooks(self) -> str | None:
         if self.id is not None:

webcam/webcam/webcam.py

@@ -86,7 +86,7 @@ def on_start_recording(self):
     def handle_video_chunk(self, chunk: str):
         print("Got video chunk", len(chunk))
         with open(self.video_path, "ab") as f:
-            with urlopen(chunk) as vid:
+            with urlopen(chunk.replace("codecs=avc1,opus;", "")) as vid:
                 f.write(vid.read())
 
     def on_stop_recording(self):
@@ -183,6 +183,7 @@ def webcam_upload_component(ref: str) -> rx.Component:
                 ref=ref,
                 handler=State.handle_screenshot,  # type: ignore
             ),
+            audio=True,
         ),
         rx.cond(
             ~State.recording,