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

<s id="h7ec4"></s><strong id="h7ec4"></strong>

<mark id="h7ec4"></mark>

主頁 > 服務(wù)與支持 > 開發(fā)平臺(tái) > 客戶端SDK參考 > Web SDK > 快速入門快速入門

入門使用

快速入門

更新時(shí)間：2019-11-19

以實(shí)現(xiàn)登錄企業(yè)云通信服務(wù)器并加入視頻會(huì)議為例，介紹如何使用Web SDK進(jìn)行二次集成開發(fā)。

開發(fā)環(huán)境準(zhǔn)備

在開發(fā)的過程中請(qǐng)滿足如下環(huán)境要求。

表1 環(huán)境要求
環(huán)境和工具名稱	版本要求	說明
操作系統(tǒng)	Windows 7專業(yè)版	硬件要求： CPU：i5-2400四核 3.1GHz及以上。內(nèi)存：4GB及以上。
Visual Studio Code	VS Code 1.8	其他IDE工具。
瀏覽器	Google Chrome 62及以上版本 Mozilla Firefox 57及以上版本 Internet Explorer 11.0	開發(fā)者的電腦如果在企業(yè)內(nèi)網(wǎng)，無法直接訪問公網(wǎng)環(huán)境時(shí)，需要在瀏覽器上設(shè)置代理服務(wù)器，確保可以訪問公網(wǎng)地址。設(shè)置方法如下：打開瀏覽器設(shè)置，選擇“連接 > 局域網(wǎng)設(shè)置 > 代理服務(wù)器”，請(qǐng)?zhí)砑涌梢栽L問公網(wǎng)的代理服務(wù)器地址。單擊“高級(jí)”，在“代理設(shè)置”的“例外”中添加“localhost.cloudec.huaweicloud.com”。此外，還需要完成HTTPS證書配置，詳細(xì)請(qǐng)參見https訪問配置。
webcomponentsjs	1.0.20	瀏覽器兼容性組件，下載鏈接，文件為webcomponentsjs-1.0.20.zip（此組件僅用于Hello World支持多瀏覽器的演示使用，不作商用目的）。
Web服務(wù)器	Tomcat或Apache	在Web服務(wù)器中配置Web SDK路徑，將SDK和HTML網(wǎng)頁設(shè)置到對(duì)應(yīng)的Web容器中。
會(huì)議云服務(wù)的用戶帳號(hào)	NA	帳號(hào)可來源于華為公有云。開通方法請(qǐng)參見“開發(fā)前準(zhǔn)備”。

注意：

新裝windows系統(tǒng)可能缺失必要的系統(tǒng)運(yùn)庫(mfc140.dll, msvcp140.dll, msvcp140d.dll, msvcr120.dll, ucrtbased.dll, vcruntime140d.dll)。

SDK快速集成

SDK快速集成的代碼樣例可參考index.html完整代碼。

解壓下載到的“CloudEC_Client_API_Demo_Windows_JS.zip”軟件包。
在本地創(chuàng)建名為“Hello_CloudEC”的文件夾，將解壓后的“web_server_demo”目錄中的sdk和usage文件夾拷貝到“Hello_CloudEC”文件夾下。
將下載到的“webcomponentsjs-1.0.20.zip”軟件包解壓到“Hello_CloudEC\usage\components”路徑下。

圖1 本地目錄
打開“Visual Studio Code”軟件。
單擊“文件>打開文件夾”，選擇“Hello_CloudEC”文件夾，完成新工程的創(chuàng)建。
在“Visual Studio Code”工程導(dǎo)航欄中右鍵單擊，單擊“新建文件”，創(chuàng)建“index.html”文件。

圖2 新建文件

圖3 創(chuàng)建index.html文件

注意：

“index.html”必須與SDK文件夾在同層次路徑下。

在“index.html”的head標(biāo)簽開始處，導(dǎo)入Web SDK和UI控件。

<html>   
<head>    
	<meta charset="UTF-8">    
	<script src="./sdk/CloudEC-SDK.js" /></script>    
	<!--begin:webcomponentsts init-->    
	<script>        
		if (!window.customElements) { document.write('<!--'); } else { window.ShadyDOM = { force: true }; window.customElements.forcePolyfill = true; }    
	</script>    
	<script src="./usage/components/webcomponentsjs-1.0.20/custom-elements-es5-adapter.js"></script>    
	<!--! do not remove -->    
	<script src="./usage/components/webcomponentsjs-1.0.20/webcomponents-loader.js"></script>    
	<!--end:webcomponentsts init-->

											 

初始化系統(tǒng)配置，創(chuàng)建“listeners”對(duì)象，注冊(cè)各個(gè)監(jiān)聽事件和對(duì)應(yīng)的回調(diào)函數(shù)，將listeners對(duì)象作為參數(shù)，傳入createClient，創(chuàng)建Client對(duì)象。

<script>
	var options = {
		domain: "localhost.cloudec.huaweicloud.com",
		isWSS: 1,
		confCtrlProtocol: 1,
		isTlsSupport: 0,
		uiPluginAppDisplayName : "eSDK-Desktop",

		uiPluginlLanguage : 0,
		uiPluginResourcesPath: "",
		uiPluginUserFilesPath:"",
		uiPluginHasFrameInfo:0,
		uiPluginFrameInfoX:0,
		uiPluginFrameInfoY:0,
		uiPluginFrameInfoWidth:1280,
		uiPluginFrameInfoHeight:720,
		uiPluginHasParentInfo:0,
		uiPluginParentInfoIsNeedAttach:0,
		uiPluginParentInfoXOffsetRate:0,
		uiPluginParentInfoYOffsetRate:0,

		uiPluginHideTopToolBar:0,
		uiPluginHideBottomToolBar:0,
		uiPluginHideInviteButton:1,
		uiPluginHideAttendeesButton:1,
		uiPluginHideShareButton:1,
		uiPluginDataHideInviteButton:1,
		uiPluginDataHideAttendeesButton:1,
		uiPluginDataHideRequestRemotecontrolButton:1,
	}
	cloudEC.configure(options);	

	var listeners = {            
		onConfConnected: function (ret) {                
			alert("the conference is connected" + JSON.stringify(ret))            
		},            
		onError: function (ret) {                
			alert("wowo,error is coming!" + JSON.stringify(ret))                
			console.error(JSON.stringify(ret))            
		}			
		//......other events        
	}        

	var client = cloudEC.createClient(listeners); 

											 

創(chuàng)建login方法，并在其中調(diào)用client.login()接口。

function login() {                        
	var account = document.getElementById("name").value;            
	var passwd = document.getElementById("passwd").value;            
	var serverAddress = document.getElementById("svr_addr").value;            
	var serverPort = document.getElementById("svr_port").value;            

	//0: account auth type, 1: third token auth type            
	client.login(0, { 'account': account, 'passwd': passwd },                
		{ 'serverAddress': serverAddress, 'serverPort': parseInt(serverPort) }, function callback(evt) {                    
			if (!evt.result) {                        
				alert("login failed errorCode:" + evt.info.errorCode + "errorInfo:" + evt.info.errorInfo)                    
			} else {                        
				alert("good,to do something here for login success")                        
				var userInfo = "<dl><dt>USER INFO</dt><dd>user account:" + evt.info.userAccount                            
				+ "</dd><dd>SIP number:" + evt.info.sipAccount                            
				+ "</dd><dd>short number:" + evt.info.shortNumber                            
				+ "</dd><dd>login time" + evt.info.loginTime                            
				+ "</dd>"                        
				document.getElementById("userinfo").innerHTML = userInfo;                        
				//change UI to login successful                        
				document.getElementById("login").style.display = "none";                        
				document.getElementById("usage").style.display = "block";                    
			}                
		});        
}//end login   

											 

創(chuàng)建joinConference函數(shù)，在其中調(diào)用client.joinConference()接口，加入已開始會(huì)議。創(chuàng)建joinInstanceConf函數(shù)，在其中調(diào)用client.joinInstantceConf()接口，創(chuàng)建立即會(huì)議并加入。

function joinConference() {            
	var joinConfParam = {                
		conferenceId: document.getElementById("conferenceId").value,                
		accessNumber: document.getElementById("accessNumber").value,                
		confPasswd: document.getElementById("confPasswd").value            
	}            
	client.joinConference(joinConfParam, function callback(evt) {                
		console.info(JSON.stringify(evt.info))            
	});        
}

function joinInstanceConf() {
	var attendeeInfo = document.getElementById("member_list").value;
	var array = attendeeInfo.split(",");
	var attendees = new Array();
	for (var i = 0; i < array.length; i++) {
		attendees[i] = { number: array[i], name: "", smsPhone: "", email: "", autoInvite: 1, role: 0 };
	}

	var instanceConfParam = { isVideo: 1, language: 1, attendees: attendees, isHdConf: 1}

	client.joinInstanceConf(instanceConfParam, function callback(ret) {});
}

											 

創(chuàng)建logout方法，并在其中調(diào)用client.logout()接口。

		function logout() {            
			alert("hi i am going now!")            
			client.logout();            
			//change UI to login            
			document.getElementById("login").style.display = "block";            
			document.getElementById("usage").style.display = "none";        
		}    

	</script>
</head>

											 

在body標(biāo)簽中，調(diào)用前述步驟中定義的登錄、立即入會(huì)和預(yù)約入會(huì)方法，并且通過使用UIPlugin視頻插件顯示會(huì)議視頻。

<body>    
	<h2>CloudEC JS SDK Hello World</h2>

	<div id="tab-content1" class="tab-content">        
		<fieldset>            
			<legend>User login</legend>            
			<div id="login">                                
				server address:                 
				<input type="text" id="svr_addr" value="bmeeting.huaweicloud.com" /> port:                 
				<input type="text" id="svr_port" value="443" /> username:                                
				<input type="text" id="name" value="" /> password:                                 
				<input type="password" id="passwd" value="" />                
				<button onclick="login()">login</button>            
			</div>        
		</fieldset>    
	</div>    
	
	<div id="usage" style="display:none">        
		<fieldset>            
			<legend>User logout</legend>            
			<div id="userinfo"></div>            
			<button onclick="logout()">logout</button>        
		</fieldset>        
		<fieldset>            
			<legend>Instance conference</legend>            
			members list:             
			<input type="text" id="member_list" value="" />            
			<button onclick="joinInstanceConf()">instance conference</button>        
		</fieldset>        
		<fieldset>            
			<legend>Book conference</legend>            
			conference ID:             
			<input type="text" id="conferenceId" value="" /> access code:             
			<input type="text" id="accessNumber" value="+991117" /> conference password:             
			<input type="text" id="confPasswd" value="" />            
			<button onclick="joinConference()">access reserved conference</button>        
		</fieldset>       
	</div>
</body>
</html>

											 

基本功能介紹

安裝并啟動(dòng)CloudLinkMeetingDeamon守護(hù)進(jìn)程，雙擊CloudLinkMeetingDeamon_XXX_BASE.exe進(jìn)入安裝向?qū)?，根?jù)界面提示完成安裝。

圖4 安裝CloudLinkMeetingDeamon
在Web服務(wù)器中配置路徑，并重啟Web服務(wù)。

以Tomcat 8.5.24為例，首先請(qǐng)確認(rèn)Java運(yùn)行時(shí)環(huán)境配置正確，tomcat可以正常啟動(dòng)。在tomcat的conf/server.xml中Host標(biāo)簽下新增Context配置，將路徑設(shè)置為Hello_CloudEC目錄所在位置，重啟tomcat。

圖5 在Web服務(wù)器中配置路徑
打開瀏覽器，在地址欄中輸入https://localhost:443，并按Enter鍵。

說明：

CloudLinkMeetingDeamon進(jìn)程僅支持一個(gè)瀏覽器連接，不支持同時(shí)打開多個(gè)瀏覽器窗口。
輸入登錄服務(wù)器地址、端口，輸入登錄帳號(hào)和密碼，完成登錄。
點(diǎn)擊立即入會(huì)，創(chuàng)建并加入會(huì)議。

圖6 加入會(huì)議

<ol id="ph0cc"><source id="ph0cc"></source></ol><style id="ph0cc"><strike id="ph0cc"></strike></style>

<pre id="ph0cc"><font id="ph0cc"><s id="ph0cc"></s></font></pre><strong id="ph0cc"></strong>