轻应用实时预览
轻应用实时预览
在网页中嵌入 ImouPlayer,做实时预览。组件参数以 轻应用组件 为准。
准备
设备已在开发者账号下。服务端能取得管理员 accessToken,见 首次接口调用。从 资源下载 取得轻应用套件。Chrome、Firefox、Edge 的版本要求见轻应用说明:不低于 55。
步骤
- 页面同时引入
imou-player.css与imou-player.js,并放置一个空的容器节点。 - 将 WasmLib 目录放到站点可访问路径(如
public/WasmLib),并在播放器配置中设置WasmLibPath(相对或绝对路径)。2024-12-31 之后版本须按 轻应用组件 引入依赖库。 - 服务端调用 getKitToken 取得轻应用播放 token(
type=1实时预览)。kitToken 有效期 2 小时,建议在业务侧缓存约 1 小时,见 token 概念。 - 使用
new imouPlayer(...)初始化。直播时type为1。deviceId、channelId与 token 的字段名以组件说明为准。 - 调用
player.play()开始播放。在线体验可先打开 PC 端体验页。
轻应用
多个播放器同时存在时,若电脑性能不好或浏览器版本过低,多屏播放器就会出现卡顿。说明见 轻应用组件 常见问题。
验证成功
页面出现实时画面且无持续报错;已调用 player.play() 且播放器未进入错误状态(见 ImouPlayer API 事件)。