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

Show and hide parts

The default McapViewer, where every switch below takes one part out. The player parts are left out by not passing them as children, and single cameras, charts, metadata entries or topics are filtered with include. The viewer's own chrome (the status strip) has no props, so it's hidden with CSS on its public classes. The first Code tab shows the JSX for the current switches.

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

<McapViewer source={source}>
  <Player.Stage>
    <Player.Instruction />
    <Player.Frames renderEmpty={() => null} />
    <Player.Transport>
      <Player.StepBack />
      <Player.Play />
      <Player.StepForward />
      <Player.Scrubber />
      <Player.Counter />
    </Player.Transport>
    <Player.Options>
      <Player.RateSelect />
    </Player.Options>
  </Player.Stage>
  <Player.Tracks include={() => true}>
    <Player.Metadata />
    <Topics />
  </Player.Tracks>
</McapViewer>

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