From f31020d31c17f71a43f47dc40d6643891aa817b2 Mon Sep 17 00:00:00 2001
From: Frost-ZX <frost-zx@foxmail.com>
Date: Fri, 13 Mar 2026 22:29:59 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E5=B7=A5=E5=85=B7=E7=AE=B1/MSU2=20USB=20?=
 =?UTF-8?q?=E5=B0=8F=E5=B1=8F=E5=B9=95=E6=8E=A7=E5=88=B6):=20=E6=94=AF?=
 =?UTF-8?q?=E6=8C=81=E8=AE=BE=E7=BD=AE=E5=B1=8F=E5=B9=95=E6=8D=95=E8=8E=B7?=
 =?UTF-8?q?=E5=B8=A7=E7=8E=87=EF=BC=8C=E8=87=AA=E5=8A=A8=E8=8E=B7=E5=8F=96?=
 =?UTF-8?q?=E7=94=BB=E5=B8=83=E5=A4=A7=E5=B0=8F=E4=BD=9C=E4=B8=BA=E5=B1=8F?=
 =?UTF-8?q?=E5=B9=95=E6=8D=95=E8=8E=B7=E5=88=86=E8=BE=A8=E7=8E=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Msu2UsbMonitorController.vue              | 21 +++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/src/views/ToolboxView/Other/Msu2UsbMonitorController/Msu2UsbMonitorController.vue b/src/views/ToolboxView/Other/Msu2UsbMonitorController/Msu2UsbMonitorController.vue
index 4788a86..ea08122 100644
--- a/src/views/ToolboxView/Other/Msu2UsbMonitorController/Msu2UsbMonitorController.vue
+++ b/src/views/ToolboxView/Other/Msu2UsbMonitorController/Msu2UsbMonitorController.vue
@@ -61,10 +61,10 @@
         class="form-no-feedback config-form"
         label-align="right"
         label-placement="left"
-        label-width="6.5em"
+        label-width="8.5em"
       >
 
-        <n-form-item label="分辨率：">
+        <n-form-item label="设备分辨率：">
           <n-select
             v-model:value="deviceResolution"
             :options="Object.values(RESOLUTION_LIST).map((item) => {
@@ -110,6 +110,17 @@
           />
         </n-form-item>
 
+        <n-form-item label="屏幕捕获帧率：">
+          <n-input-number
+            v-model:value="screenCaptureFrameRate"
+            :disabled="isScreenCaptureReady"
+            title="单位：帧/秒"
+            :min="1"
+            :max="60"
+            :step="1"
+          />
+        </n-form-item>
+
       </n-form>
     </n-card>
 
@@ -207,6 +218,9 @@ const renderInterval = ref(100);
 /** 发送间隔，毫秒 */
 const sendInterval = ref(100);
 
+/** 屏幕捕获帧率 */
+const screenCaptureFrameRate = ref(10);
+
 /**
  * @desc 串口对象
  * @type {SerialPort}
@@ -621,6 +635,9 @@ async function startScreenCapture() {
     displayStream = await navigator.mediaDevices.getDisplayMedia({
       video: {
         displaySurface: 'monitor',
+        frameRate: screenCaptureFrameRate.value,
+        width: CANVAS_WIDTH,
+        height: CANVAS_HEIGHT,
       },
       audio: false,
     });