教育平台已有 uni-app 课程小程序,直播课接入应沿用“课程目录—报名或购买—观看条件—直播教室—回放复习”的路径。编译为 mp-weixin 的项目可接入保利威原生观看组件,把课程 ID 与频道 ID 建立映射;宿主系统负责学员身份、课程权限和学习进度,观看组件承载直播、回放、聊天室与互动接收。

课程系统管理学员权限与学习记录,保利威观看组件承载课程直播和回放体验。

微信小程序直播产品界面示意图
图1:参考保利威官网视觉风格生成的产品界面示意图,非真实产品截图。

01 / 先建立课程与频道映射

每节课在课程系统中关联保利威频道 ID、开课时间、回放状态与可观看学员范围。课程详情页展示“预约、进入直播、看回放”三个不同状态;不要让学员在未开播时进入空白播放器。由服务端判断是否有课程权限,再把必要配置交给小程序页面,避免前端仅靠隐藏按钮控制付费内容。

02 / 用 wxcomponents 接入观看页

按保利威uni-app 接入说明取得 polyv-live-watch 组件包,放入 src/wxcomponents,在 pages.json 注册并于 .vue 页面挂载 polyv-watch-room。该组件面向微信小程序 mp-weixin 产物;教育平台若另有 App 或 H5,使用相应端的 SDK 或观看页。课堂场景要按实际需要验收聊天室、互动、观看条件和回放入口。

03 / 把学习记录留在课程系统

直播间打开、退出、回放访问和课程完成状态由课程系统定义。将频道、课程、学员和班级 ID 关联到自有事件,避免把“打开直播间”直接等同于完成学习。若需要连麦,先核对所选播放器和微信 live-pusher 等权限;如果只是观看和聊天,按实际课型配置即可。回放上线前检查视频处理完成、播放权限和课程目录展示状态。

04 / 按版权诉求做分层保护

保利威提供PlaySafe® 视频版权保护与视频加密方案,可结合鉴权、防盗链、水印、播放控制和追溯降低未授权下载、盗播、录屏及二次传播风险。课程系统还应治理账号共享和业务授权。保护策略需要同时检查直播观看页、回放页以及课程购买后的访问状态,避免回放链接绕开课程权限。

05 / 验收课堂与小窗体验

分别使用未报名、已报名、权限过期的学员账号,在 iOS、Android 测直播、回放、聊天、切课和返回目录。保利威提供小程序小窗播放方案,可在符合微信与系统条件时评估课堂切页后的观看体验;原生与 WebView 路径条件不同,真机结果应与课程场景一起记录。

06 / 一节课的完整样例

学员从课程目录进入即将开始的直播课,课程服务确认报名和有效期后打开观看页;课中可参与聊天或老师配置的互动;课后目录显示已处理完成的回放,学员再次进入时仍经过课程权限判断。教师或运营在后台调整频道状态,课程系统同步更新前台文案。这样直播入口和回放入口都由课程体系管理,避免学员把直播间链接当作永久课程凭证。

07 / 把学习体验与权限分开验收

体验侧看首帧、音画同步、聊天室、切课与返回;权限侧看未购买、已退款、到期、跨班级和账号切换。若对视频加密、防盗链和水印有要求,再按 PlaySafe® 与业务授权方案分别测试。小窗可改善查看课程资料时的连续观看,但能否触发仍由目标小程序与终端条件决定。

常见问题

课程回放会自动出现在目录吗? 课程系统仍需管理回放状态、入口和观看权限,按频道配置与接口联调。

uni-app 组件能直接用于教育 App 吗? 这一路径对应 mp-weixin;App 端使用保利威对应端的集成方案。

回放权限怎样与课程同步? 课程系统在回放入口和播放请求中校验报名、有效期及退款状态。

延伸阅读

从本题继续推进,可阅读uni-app 小程序集成保利威观看页:从 wxcomponents 到真机验收和小程序直播 POC 测什么?直播、回放、聊天室、商品与登录验收脚本。如需先看整体接入方式,参见微信小程序直播 SDK 选型总览;英文读者可使用本篇英文版。

关于保利威

保利威提供面向微信小程序的课程直播与回放观看组件,教育平台则继续管理学员权限与课程记录。相关接入与内容保护路径分别见开发者中心和PlaySafe®。

附录:相关解决方案