暖暖视频免费观**,国产免费美女被艹视频,毛片一级毛片,不卡三级

智慧服務，成就美好體驗 項目咨詢

主頁 > 服務與支持 > 開發(fā)平臺 > 客戶端SDK參考 > Web SDK > UIPlugin插件設置 UIPlugin插件設置

入門使用

UIPlugin插件設置

更新時間：2019-11-19

描述

UIPlugin提供了清晰的視頻體驗，在配置接口configure()中您可以自定義插件的顯示狀態(tài)，自定義按鈕數(shù)量，個性化打造適合您的UI插件。

業(yè)務流程

圖1 視頻窗口設置流程圖

  1. 調(diào)用resetNativeWndSize()接口設置視頻窗口尺寸及聯(lián)動時相對瀏覽器的偏移比例。

    代碼示例：

     1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
    		 
    function setConfNativeWndSmall() { 
var wndSizeParam = { 
width : 480, 
height : 352, 
yOffsetRate : 0, 
xOffsetRate : 0, 
} 
client.resetNativeWndSize(wndSizeParam, (data)=>{}); 
} 
 
function setConfNativeWndLarge() { 
var wndSizeParam = { 
width : 1080, 
height : 720, 
yOffsetRate : 0, 
xOffsetRate : 0, 
} 
client.resetNativeWndSize(wndSizeParam, (data)=>{}); 
}
     

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

  2. 調(diào)用uiPluginSetButtonState()接口設置UI按鈕狀態(tài)。

    代碼示例：

     1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
    		 
    onPluginEvtClickAddMember:function(ret){
	var transfer2ConfParam = null;
	var memberList=prompt("Please enter the invitee number","")

	if(ret.info.videoType == 0){
		if(memberList!=undefined && memberList!=null && memberList!=""){
			var memberListArr = memberList.split(",");
			var memberListTemp = new Array();
			for (var i = 0; i < memberListArr.length; i++) {
				memberListTemp[i] = { number: memberListArr[i], name: "", smsPhone: "", email: "", 
                                autoInvite: 1, role: 0,extensions: "" };
			}
			transfer2ConfParam = { attendees: memberListTemp }	
		}else{
			transfer2ConfParam=null;
		}
		client.transfer2Conf(transfer2ConfParam);	
	}else{
		if(memberList!=undefined && memberList!=null && memberList!=""){
			var cloudecAttendeesArray = memberList.split(",");
			var cloudecAttendees = new Array();
			for (var i = 0; i < cloudecAttendeesArray.length; i++) {
				cloudecAttendees[i] = { number: cloudecAttendeesArray[i], name: cloudecAttendeesArray[i], role: 0 };
			}
	
			client.addAttendee(cloudecAttendees);
		}else{
			console.log("attendee number is empty");       
			return;
		}
	}
	client.uiPluginSetButtonState(3,1,(ret) => {});
},
     

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

  3. 調(diào)用uiPluginShowSmallWindow()接口隱藏或顯示小窗口。

    代碼示例：

    1
2
3
    		 
    function uiPluginShowSmallWindow() {
	client.uiPluginShowSmallWindow((data)=>{});	
}
     

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

  4. 調(diào)用uiPluginShowAnnotationTool()接口顯示標注工具欄。

    代碼示例：

    1
2
3
    		 
    function uiPluginShowAnnotationTool() {
	client.uiPluginShowAnnotationTool((data)=>{});	
}
     

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

  5. 調(diào)用uiPluginSetWindowTitle()接口設置P2P窗口標題。
    代碼示例： 
    1
2
3
4
    		 
    function uiPluginSetWindowTitle() {
	var uiWndTitle = document.getElementById("ui_window_title").value;
	client.uiPluginSetWindowTitle(uiWndTitle,(data)=>{});	
}
     

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

  6. 調(diào)用uiPluginSetWindowSizeAbsolutePos()接口設置視頻窗口的絕對位置。

    代碼示例：

     1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
    		 
    function setConfNativeWndPosition() {
	var uiWndLeftTopX = document.getElementById("ui_window_left_top_x").value;
	var uiWndLeftTopY = document.getElementById("ui_window_left_top_y").value;
	var wndSizeAbsPosParam = {
		width : 0,
		height : 0,
		leftTopX : parseInt(uiWndLeftTopX),
		leftTopY : parseInt(uiWndLeftTopY),
	}
	client.uiPluginSetWindowSizeAbsolutePos(wndSizeAbsPosParam, (data)=>{});	
}
     

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

  7. 調(diào)用uiPluginShowVideoWindow()接口顯示/隱藏視頻窗口。

    代碼示例：

    1
2
3
    		 
    function uiPluginShowVideoWindow() {
	client.uiPluginShowVideoWindow((data)=>{});	
}
     

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

注意事項

無。