AI视频学习体验一站式接入-视频点播(VOD)-阿里云帮助中心

AI教育是视频点播面向在线教育、知识付费等场景提供的场景化解决方案。该方案基于播放器SDK的PlayerKit组件化能力，将AI章节、视频拆条、内容摘要、知识点等智能分析结果与播放器UI深度融合，帮助您快速构建具备AI学习辅助能力的课程播放页。本文为您介绍AI教育场景的一站式接入方式、界面样式、整体架构和核心能力。

AI内容消费：一站式构建AI视频学习体验

AI教育场景化解决方案专门面向在线课程学习场景，在播放器SDK的基础上提供了一整套端到端的定制化技术方案：依托视频点播的AI分析能力，工作流可自动完成课程视频内容理解，并将章节、摘要、知识点等AI结果与视频点播媒资关联。业务侧无需自行查询、解析这些数据，也无需从零开发对应UI，即可直接接入AI教育视频一站式解决方案。

方案通过App Server与PlayerKit承接云端能力：App Server统一获取视频播放与AI数据，PlayerKit将云端结果直接转化为章节导航、视频拆条、AI摘要、知识点等可交互的播放体验。

业务侧只需配置App Server并传入视频ID（VID），即可开箱即用、所见即所得地获得完整的AI视频学习体验。同时，该方案统一了架构设计、接入方式和展示形态，减少数据适配、多端播放器 UI 与交互逻辑的重复建设。

界面样式介绍

ai-education-ui-preview

AI教育播放页在标准播放器界面的基础上，通过Slot插槽扩展出章节入口与AI内容面板两类UI元素。各界面元素的样式与作用如下表所示。

界面元素	样式说明
章节入口按钮	位于播放器控制栏的功能按钮，由`ChapterButtonSlot`插槽提供。仅当当前视频存在AI分析结果时才展示该按钮，点击后展开AI内容面板。
AI内容面板	覆盖在播放画面之上的浮层面板，由`ChapterContentPanelSlot`插槽提供，用于集中承载章节列表、内容摘要与知识点。面板不打断视频播放，用户可边看边学。
章节列表	以列表形式展示AI提取出的课程章节，每一项包含章节标题与起始时间点。点击列表项后，播放器自动跳转到该章节的起始位置。
内容摘要与知识点	以文本区块形式展示AI生成的课程内容摘要与知识点，帮助学习者在观看前快速了解课程要点，或在观看后进行复习巩固。

典型的交互流程如下：

用户进入AI教育播放页，视频开始播放，播放器控制栏上出现章节入口按钮。
用户点击章节入口按钮，AI内容面板展开，展示章节列表、内容摘要与知识点。
用户在章节列表中选择目标章节，播放器跳转到该章节的起始位置继续播放。
用户再次点击章节入口按钮或点击面板外的蒙层区域，AI内容面板关闭，恢复标准播放界面。

整体架构

AI教育客户端方案采用与终端无关的分层架构设计，自上而下分为场景层、数据层、UI层和PlayerKit核心组件层。各终端均遵循相同的分层职责与接入方式，仅具体实现类型名称随开发语言与框架而异。各层职责清晰、单向依赖，您可以在保留播放器原有能力的基础上按需替换或扩展UI样式。

各分层的职责说明如下表所示。

分层	关键角色	职责
场景层	场景入口页面	场景入口页，负责编排数据加载与UI组件装配，是接入AI教育场景的唯一入口。
数据层	AI内容加载器与AI内容视图模型	异步请求播放凭证与AI分析结果，将服务端返回的数据统一组装为UI可直接消费的视图模型，并向各UI组件提供数据。
UI层	`ChapterButtonSlot`、`ChapterContentPanelSlot`等Slot插槽	基于PlayerKit的Slot插槽机制实现播放器UI扩展，负责章节入口与AI内容面板的渲染与交互，可与其他内置Slot共存。
播放控制与核心组件	播放控制器与PlayerKit核心组件	提供播放控制与状态管理能力，包括播放源配置、进度跳转、播放状态回调等，是Slot插槽运行的基础容器。

核心能力

AI教育方案的核心能力如下表所示。各能力均由云端统一输出、由PlayerKit统一展现，接入方式与展示形态在各终端保持一致。

功能	描述
AI章节	自动识别课程视频的内容结构并划分章节，客户端以列表形式展示章节标题与起始时间，支持一键跳转到指定章节，帮助学习者快速定位所需内容。
视频拆条	基于AI章节结果派生的能力，将一个长视频按内容语义拆分为多个可独立消费的短片段。学习者可以直接选看单个片段完成知识点速览，业务也可将片段用于课程预览、片段分享与内容再分发，提升内容复用率。
内容摘要	基于视频内容自动生成课程摘要，在AI内容面板中集中展示，便于学习者在观看前预览要点或在观看后快速复习。
知识点分析	从课程内容中提取关键知识点并结构化输出，客户端可直接渲染展示，无需自建内容标注与运营流程。
UI组件化扩展	基于PlayerKit的Slot插槽机制扩展播放器UI，AI相关组件与播放器内置组件解耦，支持按业务需要自定义样式或替换实现。
安全播放	课程视频通过播放凭证方式进行播放鉴权，配合视频加密与访问控制能力，保护课程内容版权。

数据流转流程

AI教育场景的数据流转分为生产阶段和消费阶段两部分。

生产阶段：生成并存储AI分析结果

App Server提交课程视频的媒资ID，触发视频点播的AI分析工作流。
AI工作流依次执行章节提取、摘要生成和知识点分析。
工作流将章节、摘要等结构化结果回写到视频点播的媒资信息中并完成校验存储。

消费阶段：查询并展示AI分析结果

客户端向App Server请求播放凭证，获取媒资ID与播放凭证。
客户端向App Server请求章节、摘要等AI分析结果，App Server调用视频点播的媒资AI分析结果查询接口获取数据，并转换为客户端统一协议返回。
客户端使用播放凭证与章节数据配置播放器，同时将AI内容分发给各Slot插槽进行渲染。
用户在播放过程中与章节入口、AI内容面板交互，客户端根据所选章节调用播放器的进度跳转能力，并接收播放位置回调以同步面板状态。

说明

AI分析结果的生产为异步过程，建议在课程视频上传完成后提前触发AI分析工作流。若当前视频不存在AI分析结果，客户端会自动隐藏章节入口按钮，播放器仍可正常播放视频。