simplification

webui/src/components/DriverVideoPanel.jsx

@@ -9,9 +9,13 @@ export default function DriverVideoPanel({layoutFormat = 'desktop'}) {
   const rosterEntry =
     roverId && session?.roster ? session.roster.find((item) => String(item.id) === String(roverId)) : null;
   const hasAudio = Boolean(rosterEntry?.media?.audioPublishUrl);
-  const sources = useVideoRequests(
-    roverId ? [{ type: 'rover', id: roverId, audioId: hasAudio ? `${roverId}-audio` : null }] : [],
-  );
+  const entries = roverId
+    ? [
+        { type: 'rover', id: roverId, key: roverId },
+        ...(hasAudio ? [{ type: 'rover', id: `${roverId}-audio`, key: `${roverId}-audio` }] : []),
+      ]
+    : [];
+  const sources = useVideoRequests(entries);
   const info = roverId ? sources[roverId] : null;
   const audioInfo = roverId && hasAudio ? sources[`${roverId}-audio`] : null;
   const frame = useTelemetryFrame(roverId);

webui/src/components/VideoTile.jsx

@@ -1,6 +1,5 @@
 import { useCallback, useEffect, useRef, useState } from 'react';
 import { WhepPlayer } from '../lib/whepPlayer.js';
-import { AudioWhepPlayer } from '../lib/audioWhepPlayer.js';
 
 const RESTART_DELAY_MS = 2000;
 const UNMUTE_RETRY_MS = 3000;
@@ -177,10 +176,11 @@ export default function VideoTile({
       }
     };
 
-    player = new AudioWhepPlayer({
+    player = new WhepPlayer({
       url: audioSessionInfo.url,
       token: audioSessionInfo.token,
-      audio: audioRef.current,
+      video: audioRef.current,
+      audioOnly: true,
       onStatus: handleStatus,
     });