网页播放器概述 (VSK Echo Show)
网页播放器充当视频技能的前端。
简介
这是网页播放器结构的概览图。
在云端运行的Alexa AI。
这是运行技能的客户设备 (Echo Show)。
网页播放器依赖的亚马逊Alexa库。该库可以促进网页播放器与设备之间的通信。
在设备上运行的技能的前端。它可播放视频、渲染传输控制等。
该组件处理进出Alexa本身的事件。例如，Alexa发送视频播放请求（LOAD_CONTENT事件）。
此组件通过调用AWS API网关来处理与网页播放器相关的事件。API网关用作安全的HTTPS终端节点，网页播放器可以调用它来执行以下操作：
- 向Lambda发送视频进度更新以支持“继续观看”功能
- 在开发期间将网页播放器日志从设备传输到CloudWatch日志
- 观看剧集内容时，向Lambda查询下一集或上一集
在设备上运行的技能的前端。它可播放视频、渲染传输控制等。
此组件管理实际视频和相关视频事件的播放，例如视频时间更新和视频结束事件。
此组件管理用户界面传输控制的渲染以及处理触摸屏事件，例如用户触摸播放按钮。
网页播放器基于发布/订阅模型构建而成。每个控制器都可以侦听或处理来自任何其他控制器的网页播放器事件。
手动安装步骤
如果您想手动构建网页播放器，请按照以下步骤操作。如果您已经执行了快速入门部分中的所有步骤，则无需手动安装任何内容。
- 导航到
<项目根目录>/web-player。 -
运行
npm run release。此命令可安装依赖项、清理项目、运行单元测试和编译代码。
输出将写入./dist文件夹，带如下内容：
./dist/bin/web-player构建的网页播放器文件./dist/doc/index.html自动生成的代码文件./dist/coverage/index.html一份HTML代码覆盖率报告
使用
此网页播放器是在Echo Show设备上运行的每项视频技能的重要组件。
需要在技能清单中对其进行配置。您可以在开发者门户中手动执行此操作；但是基础架构CLI工具会为您处理该操作。
还需要将它托管在互联网上。基础架构CLI工具会自动在S3上托管网页播放器。如果您想改为在S3上手动托管网页播放器，请确保网页播放器S3对象是公开可读的。
功能
以下是网页播放器的功能概述：
支持
网页播放器支持以下功能：
用户界面（触摸）
- 播放
- 暂停
- 向前/向后搜索
- 搜索栏
- 隐藏式字幕
- 下一集
语音
- 播放
- 暂停
- 向前/向后搜索（例如，说“Alexa fast forward 1 minute”（Alexa快进1分钟））
- 下一集/上一集
目前不支持
目前，网页播放器不支持以下功能：
语音
- 通过语音开启/关闭隐藏式字幕
开发
以下步骤假设您已经具备启动并正在运行的Echo Show设备的视频技能，并且您想更新网页播放器。
使用基础架构CLI工具
- 使用CLI工具的
--update --web-player选项。 - 调用您的技能并观察变化。
不使用基础架构CLI工具
-
使用
npm run release构建项目如果您想要跳过单元测试并更快地构建，可以运行
npm run compile。 - 手动将网页播放器上传到S3（位于
./dist/web-player/）。 - 确保S3对象是公开可读的。
- 调用您的技能并观察变化。
后续步骤
请参阅CLI工具参考。
Last updated: 2020年10月29日
