本帖最后由 陈文仲 于 2016-1-12 18:52 编辑
之前AnyChat forWeb版本只支持windows平台上的浏览器,且需插件支持下才能正常使用音视频交互功能,为了给用户带来更好的体验,AnyChat给大家带来了html5 版本的SDK。
Html5 SDK版本是基于WebRTC技术实现多媒体通信,WebRTC提供了音视频通信的核心技术,包括采集、编解码、网络传输、显示等功能,可实现pc与浏览器间的一对一、多对多音视频等交互。此版本无需依赖插件,浏览器兼容性更强,建立连接后数据是以帧序列的形式传输,极大的减少了带宽资源的消耗。
Html5版本SDK支持与原先AnyChat其它平台客户端进行通信,而原先AnyChat for Web 版本的用户可平滑升级到html5版本,不影响原系统的正常使用,下面介绍如何部署使用html5版本SDK:1、html5服务器部署
2) 下载anychathtml5server,并解压;
3) 进入anychathtml5server目录:
1.png (152.29 KB, 下载次数: 381)
2016-1-12 17:52 上传
4) 启动html5服务器。双击anychathtml5server.exe:
2.png (168.89 KB, 下载次数: 391)
2016-1-12 17:58 上传
启动成功后,在计算机的右下角托盘区域将出现html5服务器的图标。
3.png (30.25 KB, 下载次数: 447)
2016-1-12 17:58 上传
html5服务器启动后,会在当前的目录下生成日志文件:AnyChatHtml5Server.log,可用记事本打开:
4.png (63.83 KB, 下载次数: 386)
2016-1-12 17:58 上传
通过日志可判断是否启动正常。
2、客户端体验
2.1、线下部署体验
1. 下载AnyChat for Web SDK(如使用的是旧版本web SDK,需下载新版本更新anychatSDK.js,并在页面中加载anychathtml5.min.js),并解压,如下图所示:
5.png (51.9 KB, 下载次数: 402)
2016-1-12 17:58 上传
2. 使用IIS或者Apache发布src\AnyChatWebDemo 网站。IIS发布如下:
(一)、打开“管理工具”下的“Internet 信息服务(IIS)管理器”
6.png (164.65 KB, 下载次数: 385)
2016-1-12 17:58 上传
(二)、在网站中,点击鼠标右键“添加网站”
7.png (133.74 KB, 下载次数: 412)
2016-1-12 17:58 上传
3. 发布成功后,访问该网站,在登录界面中,输入账号,然后点击“设置”按钮,在“服务器”输入栏中输入正确的服务器IP地址,如下图:
8.png (112.08 KB, 下载次数: 382)
2016-1-12 17:58 上传
输入完成后点击登录按钮,将会跳转到房间界面:
9.png (135.01 KB, 下载次数: 412)
2016-1-12 17:58 上传
4. 选择进入房间1,进入后会提示是否允许打开摄像头,允许后便可以进行视频通话。
10.png (551.47 KB, 下载次数: 435)
2016-1-12 17:58 上传
2.2、在线体验3、 html5版本兼容性
PC端:
IE浏览器,QQ浏览器都不支持;
Chrome浏览器从31版本后都支持;
搜狗浏览器从4.1版本后就都支持;
360浏览器从7.1版本后都支持;
百度浏览器从6.5版本以后都支持;
Firefox浏览器从42版本后都支持
移动端(iOS暂不支持):
Chrome浏览器从31版本后都支持;
Firefox浏览器从42版本后都支持