智慧服务，成就美好体验 项目咨询

主页 > 服务与支持 > 开发平台 > 客户端SDK参考 > Web SDK > 会议 视频会控

入门使用

视频会控

更新时间：2019-11-19

描述

视频会控包括设置当前会议模式，广播或取消广播指定与会者，选看与会者，本地视频关闭/开启切换，本地麦克关闭/开启切换，设置远端多画面。

会控的前提是已加入会议。

业务流程

图1 视频会控流程图 
  1. 调用setConfMode()接口设置当前会议模式。

    代码示例：

    function setConfMode(){
    var mode = document.getElementById("confMode").value;
    client.setConfMode(parseInt(mode));
}
     

    参考文件：\usage\components\conf_control.html。

  2. 构建指定与会者的数据结构attendee。
  3. 调用broadcastAttendee()接口广播或取消广播指定与会者，第2步中的attendee作为参数。

    代码示例：

    function broadCastAttendee(){
    var attendeeNum = document.getElementById("attendeeToBroadcast").value;
    var isBroad = document.getElementById("isBroad").value;
    client.broadcastAttendee(parseInt(isBroad), attendeeNum);
}
     

    参考文件：\usage\components\conf_control.html。

  4. 构建指定与会者的数据结构attendee。
  5. 调用watchAttendee()接口选看指定与会者，第4步中的attendee作为参数。

    代码示例：

        var cloudecWatchAttendee = function () {
        var conference = client.getConfHandler();        
        if (conference == null) {
            alert("Meeting has not yet started");
            return;
        } 

        var cloudecAttendee = document.getElementById("watchAttendee_ipt").value;
        client.watchAttendee(cloudecAttendee);
    }
     

    参考文件：\usage\components\conf_control.html。

  6. 调用videoMute()接口进行本地视频关闭/开启切换。

    代码示例：

    var cloudecOpenVideo = function () {
    var conference = client.getConfHandler();
    if (conference == null) {
        alert("Meeting has not yet started");
        return;
    }
    client.videoMute(true);
}
var cloudecCloseVideo = function () {
    var conference = client.getConfHandler();
    if (conference == null) {
        alert("Meeting has not yet started");
        return;
    }
    client.videoMute(false);
}
     

    参考文件：\usage\components\conf_control.html。

  7. 调用micMute()接口进行本地麦克风关闭/开启切换。

    代码示例：

    function micMute(){
     client.micMute(true);
}
     

    参考文件：\usage\conference_usage.js。

  8. 调用speakerMute()接口进行本地扬声器关闭/开启切换。

    代码示例：

    var cloudecOpenSpeaker = function() {
	var conference = client.getConfHandler();
	if (conference == null) {
		alert("Meeting has not yet started");
		return;
	}
	client.speakerMute(false);
}
     

    参考文件：\usage\conference_usage.js。

  9. 调用setConfMixedPicture()接口设置远端窗口进行多画面显示。

    代码示例：

    var cloudecMixedPicture = function() {
	var conference = client.getConfHandler();
	var cloudecMixedPictureAttendee = document.getElementById("mixedPicture_ipt").value;
	if (conference == null) {
		alert("Meeting has not yet started");
		return;
	}

	var obj = document.getElementById("mixedPicture_select");
	var mixedPictureType = obj.options[obj.selectedIndex].value;
	var objMode = document.getElementById("setConfMode_select");
	var mode = objMode.options[objMode.selectedIndex].value;
	if (cloudecMixedPictureAttendee != null && cloudecMixedPictureAttendee != "") {

		var cloudecMixedPictureAttendeeArray = cloudecMixedPictureAttendee.split(",");
		var cloudecMixedAttendees = new Array();
		for (var i = 0; i < cloudecMixedPictureAttendeeArray.length; i++) {
			cloudecMixedAttendees[i] = { number: cloudecMixedPictureAttendeeArray[i], name: cloudecMixedPictureAttendeeArray[i]};
		}
	}else{
		var cloudecMixedAttendees = new Array();
	}
	client.setConfMixedPicture(Number(mode),Number(mixedPictureType),cloudecMixedAttendees);
}
     

    参考文件：\usage\components\conf_control.html。

注意事项

  1. 调用broadcastAttendee()接口时，在广播和声控模式下，主席可指定会场，取消广播时不需要指定与会者。
  2. 调用setConfMixedPicture()接口时填写的与会者个数不得超过显示模式指定的个数。