本帖最后由 陈文仲 于 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目录:

html5 手机demo html5 手机号码 运营商 sdk_服务器

1.png (152.29 KB, 下载次数: 381)

2016-1-12 17:52 上传

4)   启动html5服务器。双击anychathtml5server.exe:

html5 手机demo html5 手机号码 运营商 sdk_服务器

2.png (168.89 KB, 下载次数: 391)

2016-1-12 17:58 上传

启动成功后,在计算机的右下角托盘区域将出现html5服务器的图标。

html5 手机demo html5 手机号码 运营商 sdk_服务器

3.png (30.25 KB, 下载次数: 447)

2016-1-12 17:58 上传

html5服务器启动后,会在当前的目录下生成日志文件:AnyChatHtml5Server.log,可用记事本打开:

html5 手机demo html5 手机号码 运营商 sdk_服务器

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),并解压,如下图所示:

html5 手机demo html5 手机号码 运营商 sdk_服务器

5.png (51.9 KB, 下载次数: 402)

2016-1-12 17:58 上传

2.      使用IIS或者Apache发布src\AnyChatWebDemo 网站。IIS发布如下:

(一)、打开“管理工具”下的“Internet 信息服务(IIS)管理器”

html5 手机demo html5 手机号码 运营商 sdk_服务器

6.png (164.65 KB, 下载次数: 385)

2016-1-12 17:58 上传

(二)、在网站中,点击鼠标右键“添加网站”

html5 手机demo html5 手机号码 运营商 sdk_服务器

7.png (133.74 KB, 下载次数: 412)

2016-1-12 17:58 上传

3.      发布成功后,访问该网站,在登录界面中,输入账号,然后点击“设置”按钮,在“服务器”输入栏中输入正确的服务器IP地址,如下图:

html5 手机demo html5 手机号码 运营商 sdk_服务器

8.png (112.08 KB, 下载次数: 382)

2016-1-12 17:58 上传

输入完成后点击登录按钮,将会跳转到房间界面:

html5 手机demo html5 手机号码 运营商 sdk_服务器

9.png (135.01 KB, 下载次数: 412)

2016-1-12 17:58 上传

4.      选择进入房间1,进入后会提示是否允许打开摄像头,允许后便可以进行视频通话。

html5 手机demo html5 手机号码 运营商 sdk_服务器

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版本后都支持