Sync dev branch changes

browser/README.md

@@ -15,9 +15,10 @@ pnpm dev
 ## Deployment
 
 1. Execute `pnpm build` to build the project.
-2. Execute `npm install -g http-server` to install http-server.
-3. Execute `http-server -p 8080 -a localhost` to run the service.
-4. Open the Chrome browser and visit `http://localhost:8080`.
+2. Execute `pnpm install -g http-server` to install http-server.
+3. Execute `cd dist` to change working directory to `dist/` .
+4. Execute `http-server -p 8080 -a localhost` to run the service.
+5. Open the Chrome browser and visit `http://localhost:8080`.
 
 ### Deploy in Docker
 

browser/src/libs/camera/index.ts

@@ -13,7 +13,12 @@ class Camera {
     this.close();
 
     const constraints = {
-      video: { deviceId: { exact: id }, width: { ideal: width }, height: { ideal: height } },
+      video: {
+        deviceId: { exact: id },
+        width: { ideal: width },
+        height: { ideal: height },
+        frameRate: { ideal: 60 }
+      },
       audio: audioId ? { deviceId: { exact: audioId } } : false
     };