PHP如何实现视频播放进度保存_PHP视频进度保存实现法【方法】

发布时间 - 2026-01-20 00:00:00    点击率:
PHP不直接保存播放进度,需前后端协同:前端JS采集并防抖上报进度,PHP接口校验身份后存入数据库,关键在采集时机、幂等设计和存储精度。

PHP 本身不直接保存播放进度,关键在前后端协同

PHP 是服务端语言,无法直接读取浏览器中 video 元素的当前播放时间(currentTime),也不能监听 timeupdate 事件。所谓“PHP 实现进度保存”,实际是 PHP 提供接口接收前端传来的进度值,并存入数据库或文件;前端 JS 负责采集、上报、恢复。混淆这一点,容易在服务端写一堆无用逻辑。

前端如何采集并定时上报进度(含防抖与完成标记)

用户拖拽、暂停、关闭页面都可能影响进度准确性。单纯每秒发一次请求既浪费又不可靠。推荐策略:

  • 使用 timeupdate 事件监听,但用 se

    tTimeout
    防抖,例如 10 秒内只上报最后一次值
  • 监听 ended 事件,上报 progress=100 或特殊标记(如 is_finished=1
  • 监听 beforeunload,同步触发一次最终上报(注意:此操作需是同步 AJAX 或 fetch(..., { keepalive: true })
  • 恢复播放时,先发 GET 请求到 PHP 接口(如 /api/get-progress.php?video_id=123),再设置 video.currentTime = response.progress

PHP 后端接口示例:接收 & 存储进度(需登录态校验)

必须校验用户身份,否则任何人都能伪造进度覆盖他人记录。假设使用 session 登录,且视频用 video_id 标识:

 'not_logged_in']);
    exit;
}

$video_id = (int)$_POST['video_id'] ?? 0;
$progress = (float)$_POST['progress'] ?? 0.0;

if ($video_id <= 0 || $progress < 0 || $progress > 100) {
    http_response_code(400);
    echo json_encode(['error' => 'invalid_params']);
    exit;
}

// 假设用 PDO 操作 MySQL,表结构:user_id, video_id, progress, updated_at
$stmt = $pdo->prepare("INSERT INTO video_progress (user_id, video_id, progress, updated_at) 
                       VALUES (?, ?, ?, NOW()) 
                       ON DUPLICATE KEY UPDATE progress = VALUES(progress), updated_at = NOW()");
$stmt->execute([$_SESSION['user_id'], $video_id, $progress]);

echo json_encode(['success' => true]);
?>

注意:video_progress 表必须有联合唯一索引 (user_id, video_id),否则 ON DUPLICATE KEY 不生效。

立即学习“PHP免费学习笔记(深入)”;

常见坑:缓存、跨域、精度与并发更新

几个真实项目中高频出问题的点:

  • PHP 接口被 CDN 或代理缓存 —— 务必加 header('Cache-Control: no-store');
  • 前端 fetch 到 PHP 接口跨域失败 —— 确保 PHP 响应头包含 Access-Control-Allow-OriginAccess-Control-Allow-Credentials: true
  • 进度值用 float 存 MySQL 的 FLOAT 类型,小数精度丢失(如 99.9999999 变成 100)—— 改用 DECIMAL(5,2) 存百分比,或直接存毫秒级整数(INT
  • 用户多端同时看同一视频,最后上报者覆盖之前所有进度 —— 若需强一致性,可加乐观锁(如带 updated_at 时间戳比对)或改用 Redis + SETNX 控制写入频次

进度保存看着简单,真正稳定跑一年不出错,关键不在 PHP 写几行,而在前端采集时机、后端幂等设计、存储字段精度这三处细节是否抠到位。


# mysql  # php  # redis  # js  # 前端  # json  # ajax  # 浏览器  # access  # session  # 后端  # cdn  # 跨域  # Float 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: Java解压缩zip - 解压缩多个文件或文件夹实例  极客网站有哪些,DoNews、36氪、爱范儿、虎嗅、雷锋网、极客公园这些互联网媒体网站有什么差异?  Laravel如何实现用户密码重置功能?(完整流程代码)  如何用AI帮你把自己的生活经历写成一个有趣的故事?  Java类加载基本过程详细介绍  标题:Vue + Vuex + JWT 身份认证的正确实践与常见误区解析  PHP怎么接收前端传的文件路径_处理文件路径参数接收方法【汇总】  Laravel如何使用Socialite实现第三方登录?(微信/GitHub示例)  武汉网站设计制作公司,武汉有哪些比较大的同城网站或论坛,就是里面都是武汉人的?  Laravel怎么实现搜索功能_Laravel使用Eloquent实现模糊查询与多条件搜索【实例】  东莞专业网站制作公司有哪些,东莞招聘网站哪个好?  javascript和jQuery中的AJAX技术详解【包含AJAX各种跨域技术】  Laravel如何处理文件上传_Laravel Storage门面实现文件存储与管理  Laravel怎么配置自定义表前缀_Laravel数据库迁移与Eloquent表名映射【步骤】  如何用美橙互联一键搭建多站合一网站?  html5源代码发行怎么设置权限_访问权限控制方法与实践【指南】  Laravel怎么定时执行任务_Laravel任务调度器Schedule配置与Cron设置【教程】  如何在阿里云完成域名注册与建站?  linux top下的 minerd 木马清除方法  浅谈redis在项目中的应用  Python3.6正式版新特性预览  VIVO手机上del键无效OnKeyListener不响应的原因及解决方法  打开php文件提示内存不足_怎么调整php内存限制【解决方案】  如何在橙子建站上传落地页?操作指南详解  Laravel如何连接多个数据库_Laravel多数据库连接配置与切换教程  香港服务器租用费用高吗?如何避免常见误区?  如何快速搭建FTP站点实现文件共享?  如何在IIS7中新建站点?详细步骤解析  google浏览器怎么清理缓存_谷歌浏览器清除缓存加速详细步骤  手机网站制作与建设方案,手机网站如何建设?  装修招标网站设计制作流程,装修招标流程?  Android Socket接口实现即时通讯实例代码  Gemini手机端怎么发图片_Gemini手机端发图方法【步骤】  公司门户网站制作流程,华为官网怎么做?  如何用狗爹虚拟主机快速搭建网站?  Laravel怎么生成二维码图片_Laravel集成Simple-QrCode扩展包与参数设置【实战】  Laravel如何与Pusher实现实时通信?(WebSocket示例)  如何将凡科建站内容保存为本地文件?  php静态变量怎么调试_php静态变量作用域调试技巧【解答】  Windows11怎样设置电源计划_Windows11电源计划调整攻略【指南】  Swift开发中switch语句值绑定模式  Laravel Docker环境搭建教程_Laravel Sail使用指南  如何确认建站备案号应放置的具体位置?  如何在腾讯云服务器快速搭建个人网站?  网站视频制作书签怎么做,ie浏览器怎么将网站固定在书签工具栏?  标题:Vue + Vuex 项目中正确使用 JWT 进行身份认证的实践指南  html5怎么画眼睛_HT5用Canvas或SVG画眼球瞳孔加JS控制动态【绘制】  黑客如何通过漏洞一步步攻陷网站服务器?  Laravel怎么进行浏览器测试_Laravel Dusk自动化浏览器测试入门  如何快速重置建站主机并恢复默认配置?