0

0

php调用听书插件怎么实现定时播放_php听书插件定时播放设置法【用法】

絕刀狂花

絕刀狂花

发布时间:2026-01-15 15:37:59

|

1290人浏览过

|

来源于php中文网

原创

php无法直接控制前端音频播放,需通过输出json配置由javascript实现定时播放逻辑,关键在前端用settimeout结合audio api处理切章、中断与兼容性问题。

php调用听书插件怎么实现定时播放_php听书插件定时播放设置法【用法】

PHP 本身不能直接控制前端音频播放

PHP 是服务端语言,无法直接操作浏览器Audio 对象或触发定时播放。所谓“PHP 调用听书插件定时播放”,实际是 PHP 提供播放配置(如书源、章节、起始时间),由前端 JavaScript 控制定时逻辑。常见错误是试图在 php 中用 sleep()exec() 去“驱动播放”,这既无效也不安全。

正确路径是:PHP 输出 JSON 配置 → 前端 JS 加载并启动带定时逻辑的播放器。

前端用 setTimeout + Audio 实现章节定时切换

听书场景常见需求是“每 30 分钟自动翻页/切章”,这不是靠服务端轮询,而是前端计时 + 主动请求下一章资源。关键点:

  • Audio 播放结束会触发 ended 事件,但不能依赖它做“定时”(用户可能暂停、拖拽)
  • 真定时需用 setTimeoutsetInterval 独立计时,结合当前播放进度校准
  • 每次切章前应先 audio.pause(),再更换 src,再 audio.load()play()
const audio = new Audio();
let currentChapter = 0;
const chapters = [
  '/api/chapter.php?id=123',
  '/api/chapter.php?id=124',
  '/api/chapter.php?id=125'
];
<p>function playChapter(index) {
if (index >= chapters.length) return;
audio.src = chapters[index];
audio.load();
audio.play().catch(e => console.warn('Autoplay blocked:', e));
}</p><p>// 每 1800 秒(30 分钟)切一章,从当前播放位置开始计时
function startTimedPlayback() {
let startTime = Date.now();
const interval = setInterval(() => {
if (Date.now() - startTime >= 1800000) {
currentChapter++;
startTime = Date.now();
playChapter(currentChapter);
}
}, 1000); // 每秒检查一次进度
}

PHP 后端需提供可被跨域请求的章节接口

前端 JS 要能拿到章节列表和音频地址,PHP 必须输出标准 JSON,并设置 CORS 头。否则浏览器会拦截请求。

Spacely AI
Spacely AI

为您的房间提供AI室内设计解决方案,寻找无限的创意

下载

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

  • 避免直接输出 MP3 文件流给前端定时逻辑用 —— 应返回 URL 路径,由 Audio 自行加载
  • 章节接口建议带时间戳或版本号,防止缓存导致切章失败
  • 如果音频受权限控制(如会员章节),PHP 接口必须校验 session 或 token,不能只靠前端隐藏 URL
<?php
header('Content-Type: application/json; charset=utf-8');
header('Access-Control-Allow-Origin: https://your-site.com');
header('Access-Control-Allow-Methods: GET');
<p>session_start();
if (!$_SESSION['is_vip']) {
http_response_code(403);
echo json_encode(['error' => 'VIP required']);
exit;
}</p><p>$book_id = $_GET['book_id'] ?? 0;
$chapters = get_chapters_from_db($book_id); // 你自己的查询函数
echo json_encode($chapters);
?>

容易被忽略的兼容性与中断处理

真实听书场景下,用户会锁屏、切后台、接电话,这些都会导致音频中断或计时失准。纯 setTimeout 在页面不可见时可能被浏览器节流(间隔拉长到 1s 以上),甚至暂停。

  • 不要用 setTimeout 精确倒计时;改用 performance.now()Date.now() 做差值判断
  • 监听 visibilitychange 事件,在页面隐藏时暂停计时器,恢复时重新校准起始时间
  • 移动端 Safari 对自动播放限制极严,首次播放必须由用户手势触发(如点击“开始听书”按钮),后续章节才能用 JS 自动播放
  • Android Chrome 有时会回收后台标签页的 JS 定时器,长时间运行需配合 Service Worker 或 Background Sync(但复杂度陡增)

定时播放不是写个循环就完事,核心是“计时不漂移 + 切章不卡顿 + 中断可恢复”。PHP 只管喂数据,剩下的全在前端逻辑里抠细节。

相关文章

PHP速学教程(入门到精通)
PHP速学教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门AI工具

更多
DeepSeek
DeepSeek

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

豆包大模型
豆包大模型

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

通义千问
通义千问

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

腾讯元宝
腾讯元宝

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

文心一言
文心一言

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

讯飞写作
讯飞写作

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

即梦AI
即梦AI

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

ChatGPT
ChatGPT

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

相关专题

更多
json数据格式
json数据格式

JSON是一种轻量级的数据交换格式。本专题为大家带来json数据格式相关文章,帮助大家解决问题。

452

2023.08.07

json是什么
json是什么

JSON是一种轻量级的数据交换格式,具有简洁、易读、跨平台和语言的特点,JSON数据是通过键值对的方式进行组织,其中键是字符串,值可以是字符串、数值、布尔值、数组、对象或者null,在Web开发、数据交换和配置文件等方面得到广泛应用。本专题为大家提供json相关的文章、下载、课程内容,供大家免费下载体验。

546

2023.08.23

jquery怎么操作json
jquery怎么操作json

操作的方法有:1、“$.parseJSON(jsonString)”2、“$.getJSON(url, data, success)”;3、“$.each(obj, callback)”;4、“$.ajax()”。更多jquery怎么操作json的详细内容,可以访问本专题下面的文章。

330

2023.10.13

go语言处理json数据方法
go语言处理json数据方法

本专题整合了go语言中处理json数据方法,阅读专题下面的文章了解更多详细内容。

81

2025.09.10

chrome什么意思
chrome什么意思

chrome是浏览器的意思,由Google开发的网络浏览器,它在2008年首次发布,并迅速成为全球最受欢迎的浏览器之一。本专题为大家提供chrome相关的文章、下载、课程内容,供大家免费下载体验。

1024

2023.08.11

chrome无法加载插件怎么办
chrome无法加载插件怎么办

chrome无法加载插件可以通过检查插件是否已正确安装、禁用和启用插件、清除插件缓存、更新浏览器和插件、检查网络连接和尝试在隐身模式下加载插件方法解决。更多关于chrome相关问题,详情请看本专题下面的文章。php中文网欢迎大家前来学习。

823

2023.11.06

session失效的原因
session失效的原因

session失效的原因有会话超时、会话数量限制、会话完整性检查、服务器重启、浏览器或设备问题等等。详细介绍:1、会话超时:服务器为Session设置了一个默认的超时时间,当用户在一段时间内没有与服务器交互时,Session将自动失效;2、会话数量限制:服务器为每个用户的Session数量设置了一个限制,当用户创建的Session数量超过这个限制时,最新的会覆盖最早的等等。

334

2023.10.17

session失效解决方法
session失效解决方法

session失效通常是由于 session 的生存时间过期或者服务器关闭导致的。其解决办法:1、延长session的生存时间;2、使用持久化存储;3、使用cookie;4、异步更新session;5、使用会话管理中间件。

774

2023.10.18

Rust内存安全机制与所有权模型深度实践
Rust内存安全机制与所有权模型深度实践

本专题围绕 Rust 语言核心特性展开,深入讲解所有权机制、借用规则、生命周期管理以及智能指针等关键概念。通过系统级开发案例,分析内存安全保障原理与零成本抽象优势,并结合并发场景讲解 Send 与 Sync 特性实现机制。帮助开发者真正理解 Rust 的设计哲学,掌握在高性能与安全性并重场景中的工程实践能力。

4

2026.03.05

热门下载

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

精品课程

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

共137课时 | 13万人学习

JavaScript ES5基础线上课程教学
JavaScript ES5基础线上课程教学

共6课时 | 11.3万人学习

PHP新手语法线上课程教学
PHP新手语法线上课程教学

共13课时 | 1.0万人学习

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

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