实现视频观看记录功能需前后端协作，通过前端定时上报播放进度，后端使用PHP接收数据并存入数据库。首先设计video_watch_log表，包含用户ID、视频ID、观看时长和更新时间，并建立唯一索引防止重复。后端save_progress.php接口接收JSON格式的视频ID和观看时间，利用PDO执行插入或更新操作，确保数据实时保存。前端通过监听视频播放事件，每5秒将当前播放时间提交至后端。当用户再次观看时，调用get_progress.php查询上次观看位置，并提示是否续播。该方案基础但完整，生产环境中需补充用户认证、请求频率限制等安全措施以提升稳定性与安全性。
实现视频观看记录功能，主要是通过前端记录用户观看的进度，后端接收并存储这些数据。PHP作为后端语言，可以配合数据库来保存用户的观看记录，方便下次继续播放。下面是一个简单但实用的实现方案。
1. 数据库设计
需要一张表来存储用户的观看记录，基本字段包括用户ID、视频ID、观看进度（秒）、最后更新时间等。CREATE TABLE `video_watch_log` ( `id` int(11) unsigned NOT NULL AUTO_INCREMENT, `user_id` int(11) NOT NULL, `video_id` int(11) NOT NULL, `watch_time` int(11) DEFAULT 0 COMMENT '已观看秒数', `updated_at` datetime DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP, PRIMARY KEY (`id`), UNIQUE KEY `user_video_unique` (`user_id`, `video_id`) ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
注意：使用唯一索引 user_video_unique 防止重复记录。
2. 后端接口（PHP）
创建一个接收观看进度的接口，比如 save_progress.php。 400, 'msg' => '参数错误']);
exit;
}
try {
$pdo = new PDO("mysql:host=localhost;dbname=test", "root", "");
$pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
// 插入或更新观看记录
$stmt = $pdo->prepare("
INSERT INTO video_watch_log (user_id, video_id, watch_time)
VALUES (?, ?, ?)
ON DUPLICATE KEY UPDATE watch_time = VALUES(watch_time), updated_at = CURRENT_TIMESTAMP
");
$stmt->execute([$user_id, $video_id, $watch_time]);
echo json_encode(['code' => 200, 'msg' => '保存成功']);
} catch (Exception $e) {
echo json_encode(['code' => 500, 'msg' => '服务器错误: ' . $e->getMessage()]);
}
?>3. 前端视频监控逻辑
使用 HTML5 Video + JavaScript 定时上报观看进度。4. 加载上次观看位置
用户再次打开视频时，请求上次的观看进度。 400, 'msg' => '缺少参数']);
exit;
}
try {
$pdo = new PDO("mysql:host=localhost;dbname=test", "root", "");
$stmt = $pdo->prepare("SELECT watch_time FROM video_watch_log WHERE user_id = ? AND video_id = ?");
$stmt->execute([$user_id, $video_id]);
$row = $stmt->fetch();
$time = $row ? (int)$row['watch_time'] : 0;
echo json_encode(['code' => 200, 'watch_time' => $time]);
} catch (Exception $e) {
echo json_encode(['code' => 500, 'msg' => '查询失败']);
}
?>前端调用：
fetch(`get_progress.php?video_id=1001`)
.then(res => res.json())
.then(data => {
if (data.watch_time > 0) {
const resume = confirm(`您上次看到 ${formatTime(data.watch_time)}，是否继续？`);
if (resume) myVideo.currentTime = data.watch_time;
}
});
function formatTime(seconds) {
const min = Math.floor(seconds / 60);
const sec = seconds % 60;
return `${min}:${sec.toString().padStart(2, '0')}`;
}基本上就这些。不复杂但容易忽略细节，比如防止频繁请求、处理异常、用户身份验证等。生产环境建议加上 token 验证和限流机制。
立即学习“PHP免费学习笔记（深入）”；
