6.5日报

继续开发中国软件杯，实现视频面试，根据提问进行分析面试者的相关能力。 
<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>智能面试评估系统</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.2/font/bootstrap-icons.css">
    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
</head>
<body class="bg-light">
    <nav class="navbar navbar-expand-lg navbar-dark bg-primary">
        <div class="container">
            <a class="navbar-brand" href="#">
                <i class="bi bi-cpu"></i> 智能面试评估系统
            </a>
        </div>
    </nav>

    <div class="container mt-5">
        <div class="row justify-content-center">
            <div class="col-md-8">
                <div class="card shadow-lg border-0">
                    <div class="card-header bg-white">
                        <h4 class="mb-0 text-primary">
                            <i class="bi bi-camera-video"></i> 视频面试录制
                        </h4>
                    </div>
                    <div class="card-body">
                        <div class="question-section mb-4">
                            <h5 class="text-primary mb-3">
                                <i class="bi bi-question-circle"></i> 第 <span id="questionNum">1</span> 题
                            </h5>
                            <p class="question-text" id="questionText"></p>
                        </div>

                        <div class="video-container mb-4">
                            <video id="preview" class="video-preview" autoplay muted></video>
                        </div>

                        <div class="control-buttons text-center">
                            <button id="startBtn" class="btn btn-primary btn-lg me-3">
                                <i class="bi bi-record-circle"></i> 开始录制
                            </button>
                            <button id="stopBtn" class="btn btn-danger btn-lg" disabled>
                                <i class="bi bi-stop-circle"></i> 停止录制
                            </button>
                        </div>
                    </div>
                </div>

                <div id="resultCard" class="card shadow-lg border-0 mt-4 d-none">
                    <div class="card-header bg-white">
                        <h4 class="mb-0 text-primary">
                            <i class="bi bi-graph-up"></i> 评估结果
                        </h4>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="result-image text-center">
                                    <img src="" alt="雷达图" class="img-fluid" id="radarImg">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="feedback-content" id="feedback">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 进度条容器 -->
    <div id="progressContainer" class="progress-container d-none">
        <div class="progress-text">
            <i class="bi bi-arrow-repeat me-2"></i>正在分析视频...
        </div>
        <div class="progress-bar">
            <div class="progress-bar-fill"></div>
        </div>
    </div>

    <footer class="footer mt-5 py-3 bg-white">
        <div class="container text-center">
            <span class="text-muted">© 2024 智能面试评估系统 | 基于AI技术的专业面试评估平台</span>
        </div>
    </footer>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
    <script src="{{ url_for('static', filename='js/main.js') }}"></script>
</body>
</html>

 

posted @ 2025-06-15 22:54  Code13  阅读(5)  评论(0)    收藏  举报