手机看片1024精品国产,丁香婷婷成人,午夜国产一级片,黄色片网站在线免费观看,男人的天堂香蕉在线视频,一级特黄毛片在线,中文日产国产精品久久

智慧服務(wù)，成就美好體驗(yàn) 項(xiàng)目咨詢

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

入門使用

快速入門

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

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

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

在開發(fā)的過程中請滿足如下環(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ù)器，確?？梢栽L問公網(wǎng)地址。設(shè)置方法如下：

  1. 打開瀏覽器設(shè)置，選擇“連接 > 局域網(wǎng)設(shè)置 > 代理服務(wù)器”，請?zhí)砑涌梢栽L問公網(wǎng)的代理服務(wù)器地址。

  2. 單擊“高級”，在“代理設(shè)置”的“例外”中添加“localhost.cloudec.huaweicloud.com”。

此外，還需要完成HTTPS證書配置，詳細(xì)請參見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è)置到對應(yīng)的Web容器中。

會議云服務(wù)的用戶帳號

NA

帳號可來源于華為公有云。開通方法請參見“開發(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完整代碼。

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

     

    圖1 本地目錄 

     

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

     

    圖2 新建文件 
    圖3 創(chuàng)建index.html文件 
    注意：

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

     

  7. 在“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-->
     

     

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

     

    <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);
     

     

  9. 創(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
     

     

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

     

    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) {});
}
     

     

  11. 創(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>
     

     

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

     

    <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>
     

     

基本功能介紹

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

     

    圖4 安裝CloudLinkMeetingDeamon 

     

  2. 在Web服務(wù)器中配置路徑，并重啟Web服務(wù)。

     

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

    圖5 在Web服務(wù)器中配置路徑 

     

  3. 打開瀏覽器，在地址欄中輸入https://localhost:443，并按Enter鍵。

     

    說明： 

    CloudLinkMeetingDeamon進(jìn)程僅支持一個(gè)瀏覽器連接，不支持同時(shí)打開多個(gè)瀏覽器窗口。
     

     

  4. 輸入登錄服務(wù)器地址、端口，輸入登錄帳號和密碼，完成登錄。
  5. 點(diǎn)擊立即入會，創(chuàng)建并加入會議。

     

    圖6 加入會議