通过JavaScript脚本来实现网页视频聊天室的快速制作.docVIP

现在网上很多朋友在弄网页的视频聊天室 通过学习，我自己也做了个简单的小例子，几十行JavaScript脚本就能轻松实现视频通话；也不用去下载指定的什么浏览器，因为IE、firefox、chrome等windows平台主流浏览器全部通过，完美运行。下边就跟大伙分享分享我的成果，布局代码就不贴出来了，只贴JavaScript脚本。 下面是我所使用的开发包的特点：（） 提供JavaScript语言API接口，脚本编程 兼容IE、Chrome、Firefox、360、遨游等主流浏览器 支持iOS、Android、PC等设备和Web之间的互联互通 一、加载AnyChat for Web SDK库 首先还是得先加载AnyChat for Web SDK库 script language=javascript type=text/javascript src=./javascript/anychatsdk.js charset=GB2312/script script language=javascript type=text/javascript src=./javascript/anychatevent.js charset=GB2312/script ? 二、全局变量定义 ?定义全局变量 var mDefaultServerAddr = demo.anychat.cn; // 默认服务器地址 var mDefaultServerPort = 8906; // 默认服务器端口号 var mSelfUserId = -1; // 本地用户ID var mTargetUserId = -1; // 目标用户ID（请求了对方的音视频） 三、调用初始化函数 网页加载完成后判断有没有安装插件和插件是否是最新 // 页面加载完成 初始化 function LogicInit() {??? // 初始化?? ??? var NEED_ANYCHAT_APILEVEL = 0; ??? var errorcode = BRAC_InitSDK(NEED_ANYCHAT_APILEVEL); ??? if (errorcode == GV_ERR_SUCCESS)??? // 初始化插件成功?? ??????? document.getElementById(login_div).style.display = block;? // 显示登录界面?? ??? else??? // 没有安装插件，或是插件版本太旧，显示插件下载界面?? ??????? document.getElementById(prompt_div).style.display = block;??? // 显示提示层?? } ? 四、调用登录函数 在这里服务器地址和端口都写死，输入用户名就可以登录 登录按钮点击事件： // 登录系统 function LoginToHall() { ??? BRAC_Connect(mDefaultServerAddr, mDefaultServerPort);? // 连接服务器?? ??? BRAC_Login(document.getElementById(username).value, , 0);??? // 登录系统，密码为空也可登录?? } ? 调用登录函数后首先会触发连接服务器函数 // 客户端连接服务器，bSuccess表示是否连接成功，errorcode表示出错代码 function OnAnyChatConnect(bSuccess, errorcode) { if (errorcode == 0) { } // 连接服务器成功 else alert(连接服务器失败); //连接失败作提示，此时系统不会触发登录系统函数 } ? 连接服务器成功后会触发登录系统回调函数 // 客户端登录系统，dwUserId表示自己的用户ID号，errorcode表示登录结果：0 成功，否则为出错代码，参考出错代码定义 function OnAnyChatLoginSystem(dwUserId, errorcode) { ??? if (errorcode == 0) {??? // 登录成功，显示大厅界面，隐藏登录界面。失败的话什么也不做，维持原状?? ??????? mSelfUserId = dwUserId;? ??????? document.getElementById(login_div).style.display = none;?? //隐藏登录界面?? ??????? document.getElementById(hall_div)