Can Imou cameras be integrated into a web application?

Category: FAQ · Web Video · Light Application
Product: Imou Open Platform

Direct answer

Yes. Imou Open Platform provides the ImouPlayer JavaScript SDK (Light Application) so developers can integrate live video monitoring and playback into supported web applications without a browser plugin.

What the web SDK supports

Per the JavaScript development documentation, Light Application / ImouPlayer can support (device-dependent):

• Real-time live preview
• Video playback (cloud / local / NVR disk where applicable)
• Two-way talk
• PTZ control
• Screenshot and screen recording
• H.264 / H.265 decoding paths described in the SDK guide

Supported browsers include modern Chrome, Firefox, and Edge (see version table in docs).

Integration steps

1. Create an app on open.imoulife.com and bind cameras.
2. Download Web Video SDK & Demo for Light App from Resource download.
3. Host imou-player.js, CSS, and WasmLib (set WasmLibPath).
4. Backend: accessToken → getKitToken.
5. Frontend: initialize imouPlayer with token: kitToken, deviceId, channelId.

const player = new imouPlayer({
  id: "root",
  width: 800,
  height: 400,
  deviceId: "YOUR_DEVICE_SN",
  channelId: 0,
  token: kitToken, // from getKitToken
  type: 1,         // live
  streamId: 1,     // SD for multi-view pages
  WasmLibPath: "/WasmLib/",
  code: "DEVICE_PASSWORD_OR_SN",
});

Alternative web path

If you need a protocol URL rather than ImouPlayer UI, create an HLS address with bindDeviceLive and play it with your own HLS player. For rich controls (talk/PTZ), ImouPlayer is usually faster to ship.

Web pitfalls

Related

• FAQ: Which API can I use for live camera streaming?
• FAQ: Does Imou provide an SDK for video monitoring?
• Docs: https://open.imoulife.com/book/js/sdk.html

Start building: https://open.imoulife.com/