feat: toggle video / audio with keybinding

js/src/components/video-audio-toggle.tsx

@@ -6,27 +6,28 @@ export function VideoAudioToggle() {
   const setRecordingMode = useMediaSettingsStore((s) => s.setRecordingMode);
 
   return (
-    <span>
-      <kbd
-        role="button"
-        onClick={() =>
-          setRecordingMode(recordingMode === "video" ? "audio" : "video")
-        }
-        title={
-          recordingMode === "video" ? "Switch to audio-only" : "Switch to video"
-        }
-        className="cursor-pointer rounded bg-white/10 px-1.5 py-0.5 font-mono text-xs transition-colors hover:text-white/80"
-      >
-        {recordingMode === "video" ? (
-          <>
-            <Video className="inline size-3" /> Video
-          </>
-        ) : (
-          <>
-            <Mic className="inline size-3" /> Audio
-          </>
-        )}
-      </kbd>
+    <span
+      role="button"
+      onClick={() =>
+        setRecordingMode(recordingMode === "video" ? "audio" : "video")
+      }
+      title={
+        recordingMode === "video" ? "Switch to audio-only (V)" : "Switch to video (V)"
+      }
+      className="cursor-pointer transition-colors hover:text-white/80"
+    >
+      <kbd className="rounded bg-white/10 px-1.5 py-0.5 font-mono text-xs">
+        V
+      </kbd>{" "}
+      {recordingMode === "video" ? (
+        <>
+          <Video className="inline size-3" /> video
+        </>
+      ) : (
+        <>
+          <Mic className="inline size-3" /> audio
+        </>
+      )}
     </span>
   );
 }