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

Ready-made viewers

Use the components as they are: one line of JSX and one stylesheet import. Choose an input file and the viewer below opens it. Space plays, ← → step, ↑ ↓ change episode.

Example dataset0.7 MB · 3 episodes · position & yaw

Use your own URL or file

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

Berkeley navigation

import type { Source } from '@videodb/robopeek-rlds'
import { ShardViewer } from '@videodb/robopeek-react/rlds'

// Streams the whole shard: the episode list fills in as bytes arrive, the player shows the selected one.
// Styles come from one import in main.tsx: import '@videodb/robopeek-react/styles.css'
export function ShardViewerExample({ source }: { source: Source }) {
  return <ShardViewer source={source} defaultFps={10} />
}

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