Example 1/@videodb/robopeek-react @videodb/robopeek-mcap

Ready-made viewer

Use the components as they are: one line of JSX and one stylesheet import. Choose a recording and the viewer below opens it, playing while it downloads. Space plays, ← → step one frame, Shift jumps ten.

Example recording3 MB · 3 cameras · H.264 video

Use your own URL or file

Files are read locally. Remote URLs must allow CORS and are fetched as supplied.

GR00T sim

import type { Source } from '@videodb/robopeek-mcap'
import { McapViewer } from '@videodb/robopeek-react/mcap'

// Opens the file, plays it while it downloads, and lists every topic. A URL or a File both work.
// Styles come from one import in main.tsx: import '@videodb/robopeek-react/styles.css'
export function McapViewerExample({ source }: { source: Source }) {
  return <McapViewer source={source} />
}

The Code tab contains the source files used by this example.