README.md

LSD Web UI

Introduction

• Display device status
• Configure device parameters and algorithm parameters
• Preview input(pointcloud, image) and output(object bounding box, trajectory, freespace) of algorithms (detection, prediction)
• Calibrate lidar, lidar-camera, etc
• Other advanced functions (json format config editor, log viewer and firmware upgrader)

Used technology

• Basic language nodejs and package manager yarn
• Web framework react
• Build system vite
• Type system typescript
• 3D render three.js with its react wrapper react-three-fiber
• UI framework MaterialUI
• Navigating react-router
• Useful react helper ahooks
• HTTP client axios
• Protobuf with javascript in browser protobufjs

Basic Enviroment

Node 18.16.0, Installing Guide

Get started

• Install dependency

npm install

• Start dev server

npm run dev

Deploy

• Build

npm run build

Rename the dist to www and replace the lidar-slam-detection/www, then refrese the browser