乐橙云开发文档
控制台
更新日志
控制台
更新日志
快速入门
  • 开始使用
    • 选择集成方式
    • 快速入门
      • 控制台完成首次实时预览
      • 首次接口调用
      • 轻应用实时预览
      • 客户端 SDK 实时预览
      • 添加设备
  • 核心概念
  • 开发指南
  • 设备能力与事件参考
  • API 参考
  • SDK 与工具
  • 行业方案
  • 平台与支持
本页目录
准备
步骤
验证成功
下一步

轻应用实时预览

轻应用实时预览

在网页中嵌入 ImouPlayer,做实时预览。组件参数以 轻应用组件 为准。

准备

设备已在开发者账号下。服务端能取得管理员 accessToken,见 首次接口调用。从 资源下载 取得轻应用套件。Chrome、Firefox、Edge 的版本要求见轻应用说明:不低于 55。

步骤

  1. 页面同时引入 imou-player.css 与 imou-player.js,并放置一个空的容器节点。
  2. 将 WasmLib 目录放到站点可访问路径(如 public/WasmLib),并在播放器配置中设置 WasmLibPath(相对或绝对路径)。2024-12-31 之后版本须按 轻应用组件 引入依赖库。
  3. 服务端调用 getKitToken 取得轻应用播放 token(type=1 实时预览)。kitToken 有效期 2 小时,建议在业务侧缓存约 1 小时,见 token 概念。
  4. 使用 new imouPlayer(...) 初始化。直播时 type 为 1。deviceId、channelId 与 token 的字段名以组件说明为准。
  5. 调用 player.play() 开始播放。在线体验可先打开 PC 端体验页。

轻应用

多个播放器同时存在时,若电脑性能不好或浏览器版本过低,多屏播放器就会出现卡顿。说明见 轻应用组件 常见问题。

验证成功

页面出现实时画面且无持续报错;已调用 player.play() 且播放器未进入错误状态(见 ImouPlayer API 事件)。

下一步

  • 轻应用组件
  • 选择集成方式

商务合作:cloud_openteam@imou.com · 工单 · 获取帮助(公众号、小程序试用中心)

Copyright © 2015-2026 IMOU. All Rights Reserved. 浙ICP备16023676号

首次接口调用
客户端 SDK 实时预览