| 72 | } |
| 73 | |
| 74 | createDataPanel() { |
| 75 | const panel = document.createElement('div'); |
| 76 | panel.className = 'data-panel'; |
| 77 | panel.innerHTML = ` |
| 78 | <div class="data-item"> |
| 79 | <span class="data-label">FPS</span> |
| 80 | <span class="data-value" id="fps-value">--</span> |
| 81 | </div> |
| 82 | <div class="data-item"> |
| 83 | <span class="data-label">模式 Mode</span> |
| 84 | <span class="data-value" id="mode-value">检测</span> |
| 85 | </div> |
| 86 | <div class="data-item"> |
| 87 | <span class="data-label">目标数 Objects</span> |
| 88 | <span class="data-value" id="objects-value">0</span> |
| 89 | </div> |
| 90 | <div class="data-item"> |
| 91 | <span class="data-label">握持分 Grasp</span> |
| 92 | <span class="data-value" id="grasp-value">0.00</span> |
| 93 | </div> |
| 94 | `; |
| 95 | return panel; |
| 96 | } |
| 97 | |
| 98 | connectVisionWS() { |
| 99 | const proto = location.protocol === 'https:' ? 'wss' : 'ws'; |