ImouPlayer 轻应用 JavaScript SDK

// Add DOM Container
const player = new imouPlayer({
 id: "root",
 width: 800,
 height: 400,
 // Device SN
 deviceId: "7H0B18XXXXXXXX",
 // Device channel number
 channelId: "0",
 // kitToken, obtain through the getKitToken API
 token: "Kt_hz00e4c3XXXXXXXXXXX",
 // 1-Live, 2-Playback
 type: "1",
 // Live 0-HD; 1-SD 
 streamId: "0",
 // Playback, cloud-Cloud Video; localRecord-Local Video; nvrDisk-NVR Video. Default Cloud Video
 recordType: "cloud",
 // Default Relative Path, Absolute Path can be configured as "/", specific path should be adjusted according to the project's public file path
 WasmLibPath: "", 
 // If the device has set a custom audio and video encryption key, please input this key;
 // If the device is only set with a Device Password, then enter the Device Password; in other cases, use the Default device SN.
 code: "xxxxxx",
});

const text = e.target.innerText;
switch (text) {
 case "Play":
 player.play();
 break;
 case "Pause":
 player.pause();
 break;
 case "Pause and then Play":
 player.start();
 break;
 case "Take Screenshot":
 player.capture();
 break;
 case "Full Screen":
 player.fullScreen();
 break;
 case "Exit Full Screen":
 player.exitFullScreen();
 break;
 case "Sound - On":
 player.volume(1);
 break;
 case "Sound - Shut Down":
 player.volume(0);
 break;
 case "Audio Talk - Start Intercom":
 player.startTalk();
 break;
 case "Audio Talk - End Talk":
 player.stopTalk();
 break;
 case "2x speed":
 player.setSpeed(2);
 break;
 default:
 break;
}

response.setHeader("Cross-Origin-Opener-Policy", "same-origin");
response.setHeader("Cross-Origin-Embedder-Policy", "require-corp");

add_header Cross-Origin-Opener-Policy "same-origin";
add_header Cross-Origin-Embedder-Policy "require-corp";

// When the Page is in Play state, monitor changes in Visibility.
if (player.status.playing) {
 // Monitor changes in page visibility (including home key, switching applications, etc.)
 document.addEventListener("visibilitychange", () => {
 if (document.hidden) {
 // Page enters the background (including tapping the home key)
 if (player) {
 player.pause();
 }
 } else {
 // Page is now visible
 if (player) {
 player.start();
 }
 }
 });
}