开始使用
  • English
  • 简体中文
前往官网
开始使用
  • English
  • 简体中文
前往官网
  • 开始使用
  • 核心概念
  • 开发指南
    • 账号与授权
    • 设备接入
    • 音视频
      • 从 AppId 到云直播
      • 接入轻应用
      • 开发移动应用
      • 开发桌面应用
      • 录像回放
      • 排障:预览失败
    • 设备能力对接
    • 接收设备消息
    • 开通与管理云存储
    • 上线与排障
  • 设备能力与事件参考
  • API 参考
  • SDK 与工具
  • 方案
  • 平台与支持
本页目录
适用场景与前提
步骤
各端实现
相关参考

接入轻应用

接入轻应用

适用场景与前提

在网页或移动浏览器里做实时预览、双向对讲、录像回放、云台、抓图和录屏。编码可以是 H.264 或 H.265,以设备为准。播放器参数见 JavaScript 开发,本页不重复参数表。

支持的浏览器:Chrome、Firefox、Edge,版本均不低于 55。

步骤

  1. 创建应用 并绑定设备。从 资源下载 取得 Web Video SDK。
  2. 页面引入 imou-player.css 和 imou-player.js,并放一个空的容器节点。
  3. 把 WasmLib 放到站点可访问的目录,初始化时设置 WasmLibPath。2024-12-31 之后接入的版本必须配置 WasmLib。
  4. 服务端用 accessToken 调用 getKitToken,只把 kitToken 交给播放器。token 不是 accessToken。
  5. 调用 new imouPlayer({...})。type 为 1 是预览,2 是回放。回放用 recordType:cloud、localRecord 或 nvrDisk。多画面用 streamId 1。
  6. code 填写解密口令:设备设置了自定义音视频密钥时填该密钥;只设置了设备密码时填设备密码;否则填设备序列号。

可先打开 轻应用体验,再按 Demo 二次开发。初始化示例见 接入 Web。

各端实现

PC 模板用 templateMode: "pc"。手机浏览器模板用 templateMode: "mobile"。控件、错误码和多线程响应头以 JavaScript 开发 为准。

相关参考

  • 接入 Web
  • JavaScript 开发
  • 资源下载
从 AppId 到云直播
开发移动应用