This commit is contained in:
2025-02-24 17:47:55 +08:00
parent 1dfc57e89e
commit 370752d8e2
2 changed files with 24 additions and 4 deletions

View File

@@ -370,10 +370,19 @@ async def debug_page():
};
const ws1 = new WebSocket('ws://100.85.52.31:8000/video_stream/camera1');
ws1.onopen = () => {
console.log('WebSocket connection established for camera1'); // Log connection status.
};
ws1.onmessage = (event) => {
img1.src = 'data:image/jpeg;base64,' + event.data;
};
ws1.onclose = () => {
console.log('WebSocket connection closed for camera1');
};
// 动态调整 Canvas 尺寸
function resizeCanvas1() {
canvas1.width = 720; // 设置宽度为屏幕的一半
@@ -381,6 +390,8 @@ async def debug_page():
}
resizeCanvas1();
window.addEventListener('resize', resizeCanvas1);
</script>
<!-- 视频流 2 的画布 -->
@@ -395,10 +406,20 @@ async def debug_page():
};
const ws2 = new WebSocket('ws://100.85.52.31:8000/video_stream/camera2');
ws2.onopen = () => {
console.log('WebSocket connection established for camera2');
};
ws2.onmessage = (event) => {
img2.src = 'data:image/jpeg;base64,' + event.data;
};
ws2.onclose = () => {
console.log('WebSocket connection closed for camera2');
};
// 动态调整 Canvas 尺寸
function resizeCanvas2() {
canvas2.width = 720; // 设置宽度为屏幕的一半
@@ -407,14 +428,13 @@ async def debug_page():
resizeCanvas2();
window.addEventListener('resize', resizeCanvas2);
</script>
</body>
</html>
""")
# Example usage
if __name__ == "__main__":
import uvicorn
uvicorn.run(app, host="0.0.0.0", port=8000)
uvicorn.run(app, host="0.0.0.0", port=8000)

View File

@@ -3,6 +3,6 @@ VITE_BASE_URL = /
VITE_IS_REQUEST_PROXY = true
VITE_API_URL = http://159.75.70.95
VITE_API_URL_PREFIX = /matagent
VITE_WB_BASE_URL = ws://8.210.37.238:8000/ws/chat
VITE_WB_BASE_URL = ws://159.75.70.95:8000/ws/chat
VITE_WB_CAMERA_ONE_URL = ws://159.75.70.95:8000/video_stream/camera1
VITE_WB_CAMERA_TWO_URL = ws://159.75.70.95:8000/video_stream/camera2