接入 Web

适用场景与前提

在 Chrome、Firefox 或 Edge 里做实时预览和录像回放，不安装浏览器插件。设备能力决定是否支持对讲、云台和抓图。完整控件见 JavaScript 开发。

步骤

1. 创建应用 并绑定摄像机。
2. 从 资源下载 取得 Web Video SDK，托管 imou-player.js、样式和 WasmLib，并设置 WasmLibPath。
3. 服务端用 accessToken 调用 getKitToken。kitToken 约 2 小时有效，建议在服务端缓存约 1 小时。只把 kitToken 返回给页面。
4. 浏览器里创建 imouPlayer。token 填 kitToken。type 为 1 是预览，2 是回放。多画面时 streamId 用 1。

const player = new imouPlayer({
 id: "root",
 width: 800,
 height: 400,
 deviceId: "YOUR_DEVICE_SN",
 channelId: 0,
 token: "Kt_xxxxxxxx",
 type: 1,
 streamId: 1,
 WasmLibPath: "/WasmLib/",
 code: "DEVICE_PASSWORD_OR_SN",
 templateMode: "pc",
});

多线程解码所需的 Cross-Origin-Opener-Policy 和 Cross-Origin-Embedder-Policy 以 JavaScript 开发 为准。

各端实现

需要一条可交给标准播放器的地址时，改用 云直播，不要把 accessToken 塞进 ImouPlayer。

相关参考

• 接入摄像机
• JavaScript 开发