第一步:下载原始参考代码 ClickCall.tar.gz,用户应修改部分代码。assets 目录结构及内容说明 如图 7 所示。
网络异常,图片无法展示
|
根 css 目录下的
style.
1.修改文件 clickCall.js 中的 www.zycoo.com 为你的 web 站点 IP 地址或域名地址。 urls.rtcninja = 'http://www.zycoo.com/assets/ClickCall/dist/js/rtcninja.js'; urls.jquery = 'http://www.zycoo.com/assets/ClickCall/dist/js/jquery.js'; urls.i18n = "http://www.zycoo.com/assets/ClickCall/dist/js/jquery.i18n.js"; urls.messagestore = "http://www.zycoo.com/assets/ClickCall/dist/js/jquery.i18n.messagestore.js"; urls.jsSIP = 'http://www.zycoo.com/assets/ClickCall/dist/js/jssip.js'; urls.init = 'http://www.zycoo.com/assets/ClickCall/dist/js/init.js'; urls.gui = 'http://www.zycoo.com/assets/ClickCall/dist/js/gui.js'; urls.css = 'http://www.zycoo.com/assets/ClickCall/dist/css/style.css'; |
2.修改文件 init.js 中的注册信息,在文件的最后面几行。 var user = local_config.user || { username: '681', password: '123456', host: '117.176.159.163', |
wsPort: '8088', wsProtocol: 'ws' }; createUA(user); phone_call_button.click(function (event) { console.log(event); var IVR_num = local_config.ivr_num || '910'; GUI.phoneCallButtonPressed(ivr_num); }); 备注:应该修改 username 为注册 WebRTC 分机号;password 密码为分机密码;host 为 CooVox V2 PBX 的服务器地址;其他不变;当然,如果你的 CooVox V2 PBX 是放在路由器(NAT)背后,应该映 射端口到内部 PBX 的 IP 地址和 8088 端口。(以上设置均为参考示例) |
3.修改文件 gui.js 中的链接地址信息,查找该文件中 www.zycoo.com 字串,替换为你的 web 服务器 的 IP 地址或域名 根据你的需要,修改点击图标,搜索该文件中的 icon-register.png 名称为对应需要的图片名。均在 images 目录下。比如 icon-register-en.png,icon-offline-en.png |
4.修改 distàcss 目录下的 style.css 中的 www.zycoo.com 字串为你的 web 站点域名或 IP 地址,方法 同前面修改。 |
备注: 修改完后,将 assets 目录放于你 web 服务器网站的根目录(DocumentRoot) |
第二步:将该功能嵌入 Web 页面的<body> </body>中合适位置,嵌入方式如下
<script>
document.write('<script src="http://www.zycoo.com/assets/ClickCall/dist/js/clickCall.js"><\/script>')
</script>
附注: WebRTC 浏览器支持说明
Zycoo 测试结果如下表。
浏览器 |
版本号 |
测试情况(注册、拨号、接听、挂断、暂停、 二次拨号功能)---http | 通过与否 |
Google 浏览 器安卓手机版 |
38.0 | OK | 通过 |
40.0 | OK | 通过 | |
45.0 | OK | 通过 | |
46.0 | OK | 通过 | |
47.0 | 能注册成功,网页分机呼入呼出失败 | 不通过 | |
Google 浏览 器 PC 版本 |
38.0 | OK | 通过 |
39.0 | OK | 通过 | |
40.0 | OK | 通过 | |
41.0 | OK | 通过 | |
42.0 | 网页分机端呼出时 单通,网页分机端无声音; 没有自动挂断情况,呼入时,两端通话正常 |
不通过 | |
43.0 | OK | 通过 | |
44.0 | OK | 通过 | |
45.0 | OK | 通过 | |
46.0 | OK | 通过 | |
Opera 浏览器 PC 版本 |
27 | OK | 通过 |
28 | OK | 通过 | |
29 | 内外线都是呼出无声音,单通;呼入正常 | 不通过 | |
30 | OK | 通过 | |
31 | OK | 通过 | |
32 | OK | 通过 | |
33 | OK | 通过 | |
Firefox 浏览器 |
任意版本 |
测试效果不佳,经分析,并结合网络资料,结 论是 Firefox 支持 WebRTC 存在很多 bug, 不建议使用 |
不通过 |
Opera 安卓手 机版 |
任意版本 | 不支持 WebRTC | 不通过 |
IE 浏览器 | 任意版本 | 不支持 WebRTC | 不通过 |