IPlayerClient实例通过基于JavaScript接口 (JSI)的进程间通信 (IPC) 与独立服务层中的VideoPlayer实例进行通信。您将设置一个双播放器架构,其中一个主播放器客户端用于播放内容,一个广告播放器客户端在广告插播期间接管共享视频展示位。
本教程中的示例演示了用于实现无缝广告过渡的预缓冲广告。有关CSAI概念、技巧和同步策略的背景信息,请参阅Vega中的客户端广告插入。
在本教程中,您将学习如何:
- 设置播放器客户端引用和导入
- 检测广告标记并预初始化广告播放器客户端
- 等待广告缓冲,然后暂停主要内容
- 切换视频展示位并播放广告
- 广告结束后返回至主要内容
先决条件
- Vega开发环境已设置
- Vega SDK v0.22或更高版本
@amazon-devices/kepler-player-client和@amazon-devices/kepler-player-server程序包已安装- 主要内容播放器客户端已初始化并已连接到服务
- React Native和TypeScript的基础知识
设置播放器客户端引用
导入所需的程序包并为主播放器客户端、广告播放器客户端和会话ID创建引用。检测广告标记并预初始化广告播放器客户端
当位置侦听器检测到即将到来的广告插播时,使用autoPlay=false预初始化广告播放器客户端,并注册侦听器以了解广告何时缓冲以及何时结束。
- 设置位置侦听器以检测即将到来的广告插播。
-
创建广告播放器客户端初始化函数。注册状态侦听器以检测READY和ENDED状态。在
IPlayerSessionState.READY不可用的平台上,该服务会发送playerReady消息作为回退。

