开发指南
1、HTML5 SDK集成指南
1.1、引入sdk
开发者集成云通讯H5_SDK,需要先引入H5_SDK。即在您的页面中引入如下代码:
SDK接口说明请参阅《SDK接口说明》。
注意:SDK自5.4.0版本开始,去掉了jQuery库,如果您的项目中有用到,请自行导入。
1.2、H5浏览器兼容性说明
1.H5浏览器支持IM功能情况
IE浏览器要求IE10及以上才支持,发送附件要求IE11才支持;Chrome浏览器需要40版本以上内核支持;Firefox浏览器建议50版本以上。
2.H5浏览器支持音视频功能情况
(1) HTTP协议点对点音视频只支持谷歌浏览器(44,45,46稳定版);HTTPS协议支持Chrome40以上所有版本(推荐使用Chrome47以上版本)及Firefox最新版本,支持Edge浏览器40以上。
(2)Android:必须为HTTPS协议。
Android Webkit 53以上支持音视频功能。
注意:webview是安卓原生代码里用于显示html代码的地方,内核为webkit,与谷歌浏览器的内核相同。支持微信和QQ内置浏览器。
(3) IOS:必须为HTTPS协议
注意:目前仅支持ios11的safari浏览器
3.不同终端测试H5点对点音视频总结说明
(1)安卓端浏览器(谷歌、火狐、微信)与IOS Safari相互之间,由于支持编码不同,暂不支持通讯。
(2)安卓端浏览器(谷歌、微信)与MAC Safari相互之间音频通话正常,视频通话无法建立。
(3)由于PC和IOS端微信不支持H5音视频功能,因此未进行统计。
该测试结果仅供参考
被叫 主叫 | 安卓端 | IOS | Windows | MAC | 快聊 | ||||||||
谷歌 | 火狐 | 微信 | Safari | 谷歌 | 火狐 | Safari | 谷歌 | 火狐 | 安卓 | iOS | |||
安卓端 | 谷歌 | √ | √ | √ | × | √ | √ | × | √ | √ | √ | × | |
火狐 | √ | √ | √ | × | √ | √ | √ | √ | √ | √ | × | ||
微信 | √ | √ | √ | × | √ | √ | × | √ | √ | √ | × | ||
iOS | Safari | × | × | × | √ | √ | √ | √ | √ | √ | × | × | |
Windows | 谷歌 | √ | √ | √ | × | √ | √ | × | √ | √ | √ | √ | |
火狐 | √ | √ | √ | √ | √ | √ | √ | √ | √ | √ | √ | ||
MAC | Safari | × | √ | × | √ | √ | √ | √ | √ | √ | √ | × | |
谷歌 | √ | √ | √ | × | √ | √ | × | √ | √ | √ | × | ||
火狐 | √ | √ | × | √ | √ | √ | √ | √ | √ | √ | √ | ||
快聊 | 安卓 | √ | √ | √ | × | √ | √ | √ | √ | √ | √ | √ | |
iOS | √ | √ | √ | × | √ | √ | √ | √ | √ | √ | √ |
测试设备说明:
安卓机型:三星S5(6.0.1) 、(华为)BLN-AL40 7.0
谷歌版本:62.0
火狐版本:57.0.1
微信版本:6.6.1
IOS机型:7PLUS
系统:11.2.1
Safari版本:11.2.1
Windows系统:win10
谷歌版本:63.0.3239.108
火狐版本:57.0.4
MAC系统:10.12.6
Safari版本:11.0.2
谷歌版本:63.0.3239.84
火狐版本:57.0.1
4.H5_SDK提供音视频功能,如果需要使用该功能,请注意:
音视频功能需要在web环境下使用,需要将本项目部署在tomcat等web容器中才可以使用。
在demo中替换appid说明:
使用demo替换成自己的appid需要修改的地方:
sig要自己重新计算,sig计算规则:MD5(appid+userName+timestamp(yyyyMMddHHmmss)+apptoken);
appid和apptoken是用户在我们控制台创建的应用的,测试音视频的话,应用需要在控制台上线,时间戳建议每次获取登录的系统时间,3rd的地方写客户端计算sig的地址就可以;如果本地计算sig进行测试,直接在demo中justdo.js中进行如下修改即可测试:
(1)._appid : '20150314000000110000000000000010', // 应用ID,换成自己的应用id;
(2)._appToken = '17E24E5AFDB6D0C1EF32F3533494502B';//使用是赋值为应用对应的appToken,换成自己的应用token。
(3).flag = true;//是否从第三方服务器获取sig。flag置为false,则需要本地计算sig。
2、请求回调和通知回调
H5_SDK中和服务端的交互采取异步回调方法,有两种异步回调方法,一种是请求回调方法,一种是通知回调方法,详细介绍如下:
(1)请求回调方法:即由用户主动发出一个操作请求,请求的结果在回调中返回。具体说就是在调用H5_SDK的方法时,H5_SDK的方法参数中有回调方法,请求的结果直接在参数的回调方法中处理。例如发送消息的方法,包含获知消息发送成功和发送失败的回调,此方法就是请求回调方法。
(2)通知回调方法:通知回调是指由云通讯服务端主动给客户端发送的信令或业务消息,如接收消息,就是由服务端通知应用来收消息,此方法就是通知回调方法。