html5 版本使用说明

陈文仲

      之前AnyChat forWeb版本只支持windows平台上的浏览器，且需插件支持下才能正常使用音视频交互功能，为了给用户带来更好的体验，AnyChat给大家带来了html5 版本的SDK。

      Html5 SDK版本是基于WebRTC技术实现多媒体通信，WebRTC提供了音视频通信的核心技术，包括采集、编解码、网络传输、显示等功能，可实现pc与浏览器间的一对一、多对多音视频等交互。此版本无需依赖插件，浏览器兼容性更强，建立连接后数据是以帧序列的形式传输，极大的减少了带宽资源的消耗。

      Html5版本SDK支持与原先AnyChat其它平台客户端进行通信，而原先AnyChat for Web 版本的用户可平滑升级到html5版本，不影响原系统的正常使用，下面介绍如何部署使用html5版本SDK：

1、html5服务器部署

1)      下载AnyChat for Windows SDK，部署视频服务器，参考http://bbs.anychat.cn/forum.php?mod=viewthread&tid=8&extra=page%3D1；

2)      下载anychathtml5server，并解压；

3)      进入anychathtml5server目录：

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

     

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

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

通过日志可判断是否启动正常。

2、客户端体验
2.1、线下部署体验

1.      下载AnyChat for Web SDK（如使用的是旧版本web SDK，需下载新版本更新anychatSDK.js,并在页面中加载anychathtml5.min.js），并解压，如下图所示：

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

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

（二）、在网站中，点击鼠标右键“添加网站”

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

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

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

2.2、在线体验

Chrome47（包含47）以上的版本，请访问https://h5.anychat.cn 进行体验，47版本以下的用户，也可访问http://www.anychat.cn/web/item/AnyChatWebDemo进行体验。

3、 html5版本兼容性

    PC端：

    IE浏览器，QQ浏览器都不支持；

    Chrome浏览器从31版本后都支持；

    搜狗浏览器从4.1版本后就都支持；

    360浏览器从7.1版本后都支持；

    百度浏览器从6.5版本以后都支持；

    Firefox浏览器从42版本后都支持

    移动端（iOS暂不支持）：

    Chrome浏览器从31版本后都支持；

    Firefox浏览器从42版本后都支持