课程章节播放

课程章节播放页:用内置播放器播放章节视频,支持 0.5–2 倍速与快进/快退 10 秒,并提供视频索引跳转和微信小程序扫码观看入口。

1. 页面信息

2. 功能说明

3. 业务说明

界面结构

区块 / 控件 类型 取值来源 限制 / 说明
返回 导航按钮 固定行为 返回上一层页面
VR课程 / 章节标题 只读文字 课程章节数据 标题为空时显示「课程播放」
小程序 / 小程序观看 按钮 小程序码 弹出扫码弹窗;二维码获取失败时提示「获取二维码失败」
视频播放器 播放器 章节视频源 视频源为空时不初始化播放器;自动播放关闭,需手动点击播放
倍速 播放速度选择 播放器预设档位 可选 0.5、0.75、1、1.25、1.5、2 倍
快退 10 秒 / 快进 10 秒 播放控制按钮 播放器当前进度 快退不会早于 0 秒,快进不会超过总时长
发布日期 / 时长 / 观看次数 只读文字 课程章节数据 时长优先取章节标注时长,否则按秒数换算为「分:秒」
课程简介 只读段落 章节描述 描述为空时不显示该段
视频索引 (N) 列表 / 卡片 章节配置的视频索引 解析失败时降级为空列表
卡片 / 列表 视图切换 用户选择 窄屏自动使用列表视图

视频索引

章节配置的视频索引会在这里展示,标题后显示索引条数,方便快速跳转到感兴趣的内容片段。桌面端默认卡片视图,移动端默认列表视图;用户也可以手动切换。

小程序观看

「小程序观看」按钮会弹出扫码弹窗,提示「使用微信扫码观看」,在微信内打开小程序可以获得更流畅的播放体验。

移动端迷你预览

在移动端,当主播放器滚出可视区域而视频索引进入可视区域时,页面会浮出迷你视频预览并同步播放进度,显示「播放中」或「已暂停」;点击预览可回到主播放器。

界面结构

4. 使用说明

  1. 在课程详情或课程大纲中点击某个章节进入本页
  2. 点击播放器中央的播放按钮开始观看,需要时调整倍速或用快进/快退按钮定位
  3. 在「视频索引」中点击目标条目跳转到对应时间点,页面提示「已跳转到: 章节名」
  4. 需要更流畅的播放体验时点击「小程序观看」,用微信扫描弹窗中的二维码
  5. 看完后点击顶部左侧的返回按钮回到课程详情

5. 规则与限制

6. 状态与异常

7. 相关文档

目录导航

同目录文档(5)

相关主题

8. 文档信息