基于环信实现音视频功能一、注册二、登录三、视频通讯

62 阅读 0 评论 41 点赞

我是靠谱客的博主活力身影，最近开发中收集的这篇文章主要介绍基于环信实现音视频功能一、注册二、登录三、视频通讯，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

一、注册

注册时，首先注册本系统用户，然后注册通讯用户；由于本系统用户可以被删除而通讯用户不可以，所以通讯用户的用户名为系统用户名加上时间戳，即accid


// 环信SDK注册
var option = {
username : accid,
password : password,
nickname : username + '_nickname',
appKey : WebIM.config.appkey,
success : function() {
//注册成功;
console.log("注册成功！");
$("#saveform_zj").submit();
},
error : function(e) {
//注册失败;
console.log("注册失败！");
console.log(JSON.stringify(e));
$("#saveform_zj").submit();
},
apiUrl: WebIM.config.apiURL,
};
alert(accid+"------" + password),
conn.signup(option);
alert("注册成功");

二、登录

var options = {
apiUrl : WebIM.config.apiURL,
user : $.trim(data.substring(2, data.length)),
pwd : password,
appKey : WebIM.config.appkey,
success : function() {
console.log("通讯账户登录成功！");
location.href = "home_homePage.action";//登录成功跳转到相应页面
}
};
conn.open(options);
location.href = "home_homePage.action";//登录成功跳转到相应页面

三、视频通讯


var options={};
var reciname="";
var sename="";
function videoChat(recivername,sendname,sendpsd){
reciname=recivername;
sename=$.trim(sendname);
var encryptUsername = btoa(sename);
encryptUsername = encryptUsername.replace(/=*$/g, "");
var options = {
apiUrl: WebIM.config.apiURL,
user: sename,
pwd: sendpsd,
appKey: WebIM.config.appkey,
success: function (token) {

var token = token.access_token;

WebIM.utils.setCookie('webim_' +encryptUsername, token, 1);
	console.log("通讯账户登录成功！");
/*var url = "#username=" + encryptUsername; //另打开一个窗口
var oriurl = window.location.href;
oriurl=oriurl.substring(0,oriurl.lastIndexOf('/')+1);
window.open(oriurl.replace("http:", "https:").replace("8080", "8443") + "ytx/index.html" + url);*/
//update by guol ↓//新弹出窗口
var param = "#username=" + encryptUsername;
var pathname = window.location.pathname;
var protocol = window.location.protocol.replace("http:", "https:");
var hostname = window.location.hostname;
var url = protocol + "//" + hostname + ":8443" + pathname.substring(0, pathname.lastIndexOf('/')+1) + "ytx/index.html" + param;
var width=794;
//弹出窗口的宽度;
var height=600; //弹出窗口的高度;
var top = (window.screen.height-30-height)/2; //获得窗口的垂直位置;
var left = (window.screen.width-10-width)/2; //获得窗口的水平位置;
var specs = "height=" + height + ",innerHeight=" + height + ",width=" + width + ",innerWidth=" + width + ",top=" + top + ",left=" + left
+ ",status=no,toolbar=no,menubar=no,location=no,resizable=no,scrollbars=0,titlebar=no";
window.open(url, "newWindow", specs);
//update by guol ↑
},
error: function(){
alert("失败！");
}
};
conn.open(options);
conn.subscribe({
to: recivername,
message: "Hello World!"
// Demo里面接收方没有展现出来这个message，在status字段里面
});
}