legop3/MultiRoombaRover
1
0
Fork 0
mirror of https://github.com/legop3/MultiRoombaRover.git synced 2026-09-17 18:10:47 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

make the spectator videos a little bigger

Browse Source
This commit is contained in:
legop3
2025-11-24 04:21:11 -05:00
parent 0e14445685
commit 126d8fbab9
6 changed files with 20 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
server/public/assets/index-D-GAautK.css
+1
View File
File diff suppressed because one or more lines are too long
server/public/assets/index-C8Xb7rzW.js → server/public/assets/index-DTymo3jY.js
+1 -1
View File
File diff suppressed because one or more lines are too long
server/public/assets/index-rQdoy40l.css
-1
View File
File diff suppressed because one or more lines are too long
server/public/index.html
+2 -2
View File
@@ -11,8 +11,8 @@
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="apple-mobile-web-app-title" content="Multi Roomba Rover" /> <meta name="apple-mobile-web-app-title" content="Multi Roomba Rover" />
<title>Multi Roomba Rover</title> <title>Multi Roomba Rover</title>
<script type="module" crossorigin src="/assets/index-C8Xb7rzW.js"></script> <script type="module" crossorigin src="/assets/index-DTymo3jY.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-rQdoy40l.css"> <link rel="stylesheet" crossorigin href="/assets/index-D-GAautK.css">
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>
webui/src/components/VideoTile.jsx
+8 -1
View File
@@ -4,7 +4,14 @@ import { WhepPlayer } from '../lib/whepPlayer.js';
const RESTART_DELAY_MS = 2000; const RESTART_DELAY_MS = 2000;
const UNMUTE_RETRY_MS = 3000; const UNMUTE_RETRY_MS = 3000;
export default function VideoTile({ sessionInfo, label, forceMute = false, telemetryFrame, batteryConfig, layoutFormat = 'desktop' }) { export default function VideoTile({
sessionInfo,
label,
forceMute = false,
telemetryFrame,
batteryConfig,
layoutFormat = 'desktop',
}) {
const videoRef = useRef(null); const videoRef = useRef(null);
const restartTimer = useRef(null); const restartTimer = useRef(null);
const unmuteTimer = useRef(null); const unmuteTimer = useRef(null);
webui/src/spectate/SpectatorApp.jsx
+8 -3
View File
@@ -55,12 +55,17 @@ function CurrentDriverBadge({ roverId, session }) {
function RoverSpectatorCard({ rover, frame, videoInfo, session }) { function RoverSpectatorCard({ rover, frame, videoInfo, session }) {
return ( return (
<article className="space-y-0.5 bg-zinc-900 p-0.5"> <article className="space-y-1 bg-zinc-900 p-0.5">
<header className="flex flex-col gap-0.25"> <header className="flex flex-col gap-0.25">
<h3 className="text-2xl font-semibold text-white leading-tight">{rover.name}</h3> <h3 className="text-2xl font-semibold text-white leading-tight">{rover.name}</h3>
<CurrentDriverBadge roverId={rover.id} session={session} /> <CurrentDriverBadge roverId={rover.id} session={session} />
</header> </header>
<VideoTile sessionInfo={videoInfo} label={rover.name} telemetryFrame={frame} batteryConfig={rover.battery} /> <VideoTile
sessionInfo={videoInfo}
label={rover.name}
telemetryFrame={frame}
batteryConfig={rover.battery}
/>
<TelemetrySummary frame={frame} /> <TelemetrySummary frame={frame} />
</article> </article>
); );
@@ -71,7 +76,7 @@ function RoverRow({ roster, frames, videoSources, session }) {
return <p className="col-span-full text-slate-400">No rovers registered.</p>; return <p className="col-span-full text-slate-400">No rovers registered.</p>;
} }
return ( return (
<section className="grid grid-cols-1 gap-0.5 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4"> <section className="grid grid-cols-1 gap-0.5 sm:grid-cols-2 lg:grid-cols-3">
{roster.map((rover) => ( {roster.map((rover) => (
<RoverSpectatorCard <RoverSpectatorCard
key={rover.id} key={rover.id}