5月25日

前端

body { font-family: Arial, sans-serif; margin: 20px; }
video { width: 320px; height: 240px; background: #000; }
#radarImg { margin-top: 20px; width: 400px; height: 400px; display: none; }
button { margin: 5px; padding: 10px 20px; font-size: 16px; }
#feedback { white-space: pre-wrap; margin-top: 20px; border: 1px solid #ccc; padding: 10px; width: 640px; height: 200px; overflow-y: auto; background: #f9f9f9; }
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<title>多题目面试录制与分析</title>
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}" />
</head>
<body>
<h2>第 <strong></strong> 题：</h2>
<p><strong></strong></p>

<video id="preview" autoplay muted></video><br/>

<button id="startBtn">开始录制</button>
<button id="stopBtn" disabled>停止录制</button>

<div id="feedback"></div>

<img id="radarImg" src="" alt="综合雷达图" />

<script src="{{ url_for('static', filename='js/main.js') }}"></script>
</body>
</html>

 

posted @ 2025-05-29 07:58  KuanDong24  阅读(7)  评论(0)    收藏  举报