RGMP v2 Viewer

A browser viewer for the live RGMP v2 stream. RGMP v2 is push-only so this is a viewer, not a console: connect and watch. Each connected device renders as a card; within it, each group shows its measured update rate and the latest decoded value of every stream, updating in place rather than scrolling. A 3D pane visualizes the hand skeleton and mesh from the incoming pose data.

Built with Vite + React + TypeScript (with Three.js / React Three Fiber for the 3D pane). It uses the shared bridge-web-core library for the WebSocket lifecycle and the connection bar.

Connection


App dev server	`http://localhost:5181`
Bridge endpoint	`ws://127.0.0.1:8138` (RGMP v2)
Source	`$ROKOKO_SDK_HOME/examples/web/rgmp-ws-bridge-web`

Running

Make sure the driver (with --pipeline_formatter rgmp_v2) and the bridge are running (see Running an app), then start the dev server from the workspace folder:

cd $ROKOKO_SDK_HOME/examples/web
pnpm --filter rgmp-ws-bridge-web dev

Open http://localhost:5181, confirm the bridge URL (ws://127.0.0.1:8138) in the connection bar, and click Connect.

Using the viewer

The viewer has three layouts — the decoded streams, the 3D scene, or both side by side. The 3D pane shows origin axes (X red, Y green/up, Z blue/depth) over a grid of 5 cm cells. Layout, display mode, and camera pose persist across reloads.

Keyboard shortcuts

Press ? (or the ? button in the top bar) for an in-app reference; Esc closes it. Shortcuts are ignored while a text field is focused.

Key	Action
`?` / `Esc`	Open / close the help dialog
`C`	Connect / disconnect
`1` / `2` / `3`	Streams / Both / 3D layout
`M`	Toggle mesh / sensors (3D pane)
`Home`	Default camera view
`T` / `F` / `B` / `L`	Top / front / back / side camera view