0

0

PHP怎样同步视频播放状态_PHP同步视频播放状态途径【同步】

絕刀狂花

絕刀狂花

发布时间:2026-01-19 20:54:36

|

179人浏览过

|

来源于php中文网

原创

php无法直接同步视频播放状态,需前端用javascript监听timeupdate事件并每5秒上报进度至后端数据库,后端用insert...on duplicate key update安全存储,新页面加载时立即获取并设置currenttime。

php怎样同步视频播放状态_php同步视频播放状态途径【同步】

PHP 本身无法直接同步视频播放状态,因为它运行在服务端,不接触浏览器video 元素或播放器实例。所谓“同步”,必须靠前端主动上报 + 后端存储 + 其他终端主动拉取或接收通知来实现。

前端必须监听并上报播放进度

浏览器中只有 JavaScript 能读取 video.currentTime,且需在用户交互后(如点击播放)才能可靠获取。单纯靠 PHP 定时查是行不通的。

  • 使用 timeupdate 事件,但别太频繁(比如每 5 秒发一次),避免请求风暴
  • 上报时带上唯一标识:用户 ID(user_id)、视频 ID(video_id)、当前时间点(current_time)、设备标识(可选,用于多端区分)
  • 注意:若用户拖动进度条,timeupdate 可能触发多次,建议加防抖(debounce)或只在 seeked 后强制上报一次
video.addEventListener('timeupdate', throttle(() => {
  fetch('/api/save-progress.php', {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify({
      user_id: 123,
      video_id: 'vid_abc',
      current_time: Math.floor(video.currentTime)
    })
  });
}, 5000));

PHP 接口要安全存取播放进度

save-progress.php 不是简单写文件,得用数据库(如 MySQL)并做好并发保护——同一用户可能在手机、PC 同时看一个视频。

Post AI
Post AI

博客文章AI生成器

下载
  • 推荐用 INSERT ... ON DUPLICATE KEY UPDATE,主键为 (user_id, video_id)
  • 不要用 file_put_contents() 存进度,无原子性,多请求易覆盖
  • 务必校验 user_id 和登录态(如检查 session 或 token),防止恶意提交
  • 返回成功时,可顺带返回服务端记录的时间戳(updated_at),用于前端对时差做粗略补偿
// save-progress.php 示例(简化)
session_start();
if (!isset($_SESSION['user_id'])) die('Unauthorized');

$user_id = (int)$_SESSION['user_id'];
$data = json_decode(file_get_contents('php://input'), true);
$video_id = $data['video_id'] ?? '';
$current_time = (int)($data['current_time'] ?? 0);

if (!$video_id || $current_time < 0) die('Invalid');

$stmt = $pdo->prepare("INSERT INTO video_progress (user_id, video_id, current_time, updated_at) 
                       VALUES (?, ?, ?, NOW()) 
                       ON DUPLICATE KEY UPDATE current_time = VALUES(current_time), updated_at = NOW()");
$stmt->execute([$user_id, $video_id, $current_time]);

其他终端如何“同步”到最新进度

新打开视频页时,前端需立刻请求当前进度,而不是等 timeupdate 触发后才查——否则用户会从头开始播。

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

  • 页面加载完成(DOMContentLoaded)后,立即 GET /api/get-progress.php?video_id=xxx
  • PHP 接口查库,返回 current_time;若无记录,返回 0
  • 前端拿到后调用 video.currentTime = response.time,再调用 video.play()(注意:自动播放受浏览器策略限制,可能需用户手势唤醒)
  • 如果要做“实时协同”(如多人同时看并跳转同步),就得引入 WebSocket(如 Swoole 或 Redis Pub/Sub),PHP 仅作信令中转,不负责推送逻辑

容易被忽略的边界问题

很多项目卡在这些细节上:用户退出登录后进度丢失、横竖屏切换导致 video 元素重建却没恢复进度、PWA 离线时无法上报、HLS/DASH 播放器(如 hls.js)的 currentTime 计算方式和原生不同。

  • video.duration 在元数据未加载完成时为 NaN,要等 loadedmetadata 后再设 currentTime
  • 移动端 Safari 对 video.play() 的限制更严,恢复进度后最好加个按钮让用户手动点一下再播放
  • 如果视频分 P(如 Bilibili 式),video_id 必须包含分 P 标识(如 av123_p2),否则所有分 P 进度会互相覆盖

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
mysql修改数据表名
mysql修改数据表名

MySQL修改数据表:1、首先查看数据库中所有的表,代码为:‘SHOW TABLES;’;2、修改表名,代码为:‘ALTER TABLE 旧表名 RENAME [TO] 新表名;’。php中文网还提供MySQL的相关下载、相关课程等内容,供大家免费下载使用。

686

2023.06.20

MySQL创建存储过程
MySQL创建存储过程

存储程序可以分为存储过程和函数,MySQL中创建存储过程和函数使用的语句分别为CREATE PROCEDURE和CREATE FUNCTION。使用CALL语句调用存储过程智能用输出变量返回值。函数可以从语句外调用(通过引用函数名),也能返回标量值。存储过程也可以调用其他存储过程。php中文网还提供MySQL创建存储过程的相关下载、相关课程等内容,供大家免费下载使用。

493

2023.06.21

mongodb和mysql的区别
mongodb和mysql的区别

mongodb和mysql的区别:1、数据模型;2、查询语言;3、扩展性和性能;4、可靠性。本专题为大家提供mongodb和mysql的区别的相关的文章、下载、课程内容,供大家免费下载体验。

287

2023.07.18

mysql密码忘了怎么查看
mysql密码忘了怎么查看

MySQL是一个关系型数据库管理系统,由瑞典MySQL AB 公司开发,属于 Oracle 旗下产品。MySQL 是最流行的关系型数据库管理系统之一,在 WEB 应用方面,MySQL是最好的 RDBMS 应用软件之一。那么mysql密码忘了怎么办呢?php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

519

2023.07.19

mysql创建数据库
mysql创建数据库

MySQL是一个关系型数据库管理系统,由瑞典MySQL AB 公司开发,属于 Oracle 旗下产品。MySQL 是最流行的关系型数据库管理系统之一,在 WEB 应用方面,MySQL是最好的 RDBMS 应用软件之一。那么mysql怎么创建数据库呢?php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

266

2023.07.25

mysql默认事务隔离级别
mysql默认事务隔离级别

MySQL是一种广泛使用的关系型数据库管理系统,它支持事务处理。事务是一组数据库操作,它们作为一个逻辑单元被一起执行。为了保证事务的一致性和隔离性,MySQL提供了不同的事务隔离级别。php中文网给大家带来了相关的教程以及文章欢迎大家前来学习阅读。

392

2023.08.08

sqlserver和mysql区别
sqlserver和mysql区别

SQL Server和MySQL是两种广泛使用的关系型数据库管理系统。它们具有相似的功能和用途,但在某些方面存在一些显著的区别。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

542

2023.08.11

mysql忘记密码
mysql忘记密码

MySQL是一种关系型数据库管理系统,关系数据库将数据保存在不同的表中,而不是将所有数据放在一个大仓库内,这样就增加了速度并提高了灵活性。那么忘记mysql密码我们该怎么解决呢?php中文网给大家带来了相关的教程以及其他关于mysql的文章,欢迎大家前来学习阅读。

666

2023.08.14

JavaScript浏览器渲染机制与前端性能优化实践
JavaScript浏览器渲染机制与前端性能优化实践

本专题围绕 JavaScript 在浏览器中的执行与渲染机制展开,系统讲解 DOM 构建、CSSOM 解析、重排与重绘原理,以及关键渲染路径优化方法。内容涵盖事件循环机制、异步任务调度、资源加载优化、代码拆分与懒加载等性能优化策略。通过真实前端项目案例,帮助开发者理解浏览器底层工作原理,并掌握提升网页加载速度与交互体验的实用技巧。

23

2026.03.06

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
MySQL 教程
MySQL 教程

共48课时 | 2.5万人学习

MySQL 初学入门(mosh老师)
MySQL 初学入门(mosh老师)

共3课时 | 0.3万人学习

简单聊聊mysql8与网络通信
简单聊聊mysql8与网络通信

共1课时 | 845人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号