From 324c333e3673c8a9079222c3a48d6c2b1dfd49f6 Mon Sep 17 00:00:00 2001 From: Jason717717 <1354471825@qq.com> Date: Tue, 13 May 2025 22:06:03 -0500 Subject: [PATCH] add readme for rosbag viewer --- GEMstack/onboard/visualization/sr_viz/README.md | 17 ++++++++++++++++- 1 file changed, 16 insertions(+), 1 deletion(-) diff --git a/GEMstack/onboard/visualization/sr_viz/README.md b/GEMstack/onboard/visualization/sr_viz/README.md index 7fccf4be..251d8b02 100644 --- a/GEMstack/onboard/visualization/sr_viz/README.md +++ b/GEMstack/onboard/visualization/sr_viz/README.md @@ -28,6 +28,10 @@ The backend server will be running at: [http://localhost:5000](http://localhost: ### 2. Start Frontend (Development or Production) +#### Prerequisites + +- Node.js (v18.17+) and npm. If you already have a different version of Node.js installed, you can manage multiple versions using [nvm](https://github.com/nvm-sh/nvm) (for Unix-based systems) or [nvm-windows](https://github.com/coreybutler/nvm-windows) (for Windows). + Navigate to the frontend directory: ``` @@ -123,4 +127,15 @@ Clicking it redirects you to the 3D visualizer at: [http://localhost:3000](http: }, "time": } -``` \ No newline at end of file +``` + +# SR Rosbag Viewer +## How to Use +In the bottom-right corner of the 3D Visualizer, there's a redirect button. Clicking it will take you to the Rosbag Viewer. Currently, it supports viewing uncompressed images and point clouds by topic. + +To view both images and point clouds simultaneously: + 1. After uploading the rosbag file and confirming that the upload is complete (as indicated by the loading status in the scrubber), click the menu in the top-right corner. + + 2. Choose to split the current panel vertically or horizontally. + + 3. In one of the panels, select `Switch to PointCloud Panel`. \ No newline at end of file