Mock Interview Recorder

项目简介 / Project Overview

中文：
Mock Interview Recorder 是一个轻量级的网页应用，旨在模拟面试场景并录制面试过程。该应用会随机显示预设问题，并自动开启摄像头和麦克风录制视频。用户可以通过正计时器控制每个问题的时长，面试结束后系统会生成视频文件供复盘。整个项目基于 HTML、CSS 和 JavaScript 实现，无需依赖大型框架。

English:
Mock Interview Recorder is a lightweight web application designed to simulate interview scenarios and record the interview process. The app randomly displays preset questions and automatically starts recording video and audio using the camera and microphone. Users can control the duration for each question using a timer, and at the end of the interview, a video file is generated for review. This project is built with HTML, CSS, and JavaScript without heavy frameworks.

Features / 特性

• 自动录制 / Automatic Recording:
  自动开启摄像头和麦克风，录制整个面试过程。
  Automatically records video and audio during the interview.

• 预设问题 / Preset Questions:
  支持中英文预设问题的随机显示。
  Randomly displays preset questions in both Chinese and English.

• 正计时器 / Elapsed Timer:
  显示已用时间，每题达到预设时长后自动加载下一个问题或提示结束面试。
  Displays elapsed time and automatically loads the next question or prompts to end the interview when the preset duration is reached.

• 视频镜像 / Video Mirroring:
  实时将视频镜像显示，方便面试者检查自己的画面。
  Displays a mirrored video in real-time for user convenience.

• 轻量级 / Lightweight:
  采用纯 HTML、CSS 和 JavaScript 实现，无需额外依赖。
  Built using plain HTML, CSS, and JavaScript without additional dependencies.

Installation / 安装

1. 克隆仓库 / Clone the Repository:

   git clone https://github.com/yourusername/mock-interview-recorder.git

2. 打开项目 / Open the Project: 直接使用支持 MediaRecorder API 的现代浏览器（如 Chrome、Firefox）打开项目目录中的 index.html 文件即可开始使用。 Simply open the index.html file in a modern browser that supports the MediaRecorder API (such as Chrome or Firefox).

Usage / 使用方法

• 开始面试 / Start Interview: 点击“开始面试”按钮启动摄像头、麦克风录制并显示第一个问题。 Click the "Start Interview" button to start recording and display the first question.
• 下个问题 / Next Question: 当每题计时结束或点击“下个问题”按钮后，系统将显示下一个随机问题。 When the timer reaches the preset duration or you click the "Next Question" button, the app will display the next random question.
• 结束面试 / End Interview: 点击“结束面试”按钮停止录制，视频文件将自动生成供下载。 Click the "End Interview" button to stop recording and generate the video file for download.

Customization / 自定义

• 修改预设问题 / Modify Preset Questions: 如果需要修改预设问题，请编辑 mockinterviewrecorder.html 文件中定义的 defaultQuestionsCN 和 defaultQuestionsEN 数组。 To modify the preset questions, edit the defaultQuestionsCN and defaultQuestionsEN arrays in the mockinterviewrecorder.html file.
• 调整设置 / Adjust Settings: 你可以通过修改 totalQuestions 变量来改变面试问题数量，修改 questionDuration 变量来调整每题时长。 You can change the number of interview questions by modifying the totalQuestions variable, and adjust the duration per question by modifying the questionDuration variable.

License / 许可证

该项目基于 MIT License 开源。 This project is open source under the MIT License.

About / 关于

Mock Interview Recorder 是由 Liang 开发的演示项目，旨在帮助面试者进行自我练习和复盘。 Mock Interview Recorder is a demo project developed by Liang to help interviewees practice and review their performance.