海康WEB3.0一个页面显示多个视频

第一次用海康的WEB调取显示视频，打算使用一个2*2或者4*4的画面，显示多个网络摄像头的图像。对官方的demo修改后，基本能实现需要的功能，但是无法在在制定的画面显示制定的摄像头，必须点一下画面再点击预览才可以在需要的画面上显示出来，否者都会默认在第一个画面上显示。

后来仔细看了说明书，才发现的demo中没有调用画面ID的参数，所以必须要点击画面后才能在制定画面才能显示。

以下是说明书的描述:

 

更改后的代码

// 开始预览
function MyclickStartRealPlay(szIP, szPort, szUsername, szPassword, iWndIndex, iStreamType, iChannelID, bZeroChannel) {

	
	MyclickLogin(szIP, szPort, szUsername, szPassword);							//登录			
	var oWndInfo = WebVideoCtrl.I_GetWindowStatus(g_iWndIndex);
		szInfo = "";

	if ("" == szIP) {
		return;
	}

	if (oWndInfo != null) {// 已经在播放了，先停止
		WebVideoCtrl.I_Stop();
	}

	var iRet = WebVideoCtrl.I_StartRealPlay(szIP, {								//预览
		iWndIndex:iWndIndex,
		iStreamType: iStreamType,
		iChannelID: iChannelID,
		bZeroChannel: bZeroChannel
	});

	
	if (0 == iRet) {
		szInfo = "开始预览成功！";
	} else {
		szInfo = "开始预览失败！";
	}
	showOPInfo(szIP + " " + szInfo);
}

 

问题解决：