实现视频观看记录功能需前后端协作，通过前端定时上报播放进度，后端使用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。<?php
header('Content-Type: application/json');
// 模拟登录用户（实际项目中从 session 或 token 获取）
$user_id = 1; // 应该动态获取
$data = json_decode(file_get_contents('php://input'), true);
$video_id = (int)$data['video_id'];
$watch_time = (int)$data['watch_time'];
if (!$video_id || $watch_time < 0) {
echo json_encode(['code' => 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 定时上报观看进度。<video id="myVideo" width="800" height="450" controls>
<source src="example.mp4" type="video/mp4">
</video>
<script>
const video = document.getElementById('myVideo');
let timer = null;
// 视频开始播放时启动定时记录
video.addEventListener('play', () => {
timer = setInterval(() => {
const data = {
video_id: 1001, // 实际从页面获取
watch_time: Math.floor(video.currentTime)
};
fetch('save_progress.php', {
method: 'POST',
body: JSON.stringify(data),
headers: { 'Content-Type': 'application/json' }
});
}, 5000); // 每5秒保存一次
});
// 暂停或结束时清除定时器
video.addEventListener('pause', () => {
if (timer) clearInterval(timer);
});
video.addEventListener('ended', () => {
if (timer) clearInterval(timer);
});
</script>4. 加载上次观看位置
用户再次打开视频时，请求上次的观看进度。<?php
// get_progress.php
header('Content-Type: application/json');
$user_id = 1;
$video_id = (int)$_GET['video_id'];
if (!$video_id) {
echo json_encode(['code' => 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免费学习笔记（深入）”；
