IP电话交换机Web服务器部署方法二

简介: 操作要求:需要对 Web 编程熟悉的人进行部署和使用 目的:方便用户实现 Web 网站的客户点击拨号,实现咨询服务。

第一步:下载原始参考代码 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 不通过


相关文章
|
2月前
|
域名解析 人工智能 弹性计算
DeepSeek服务器繁忙解决方法:使用阿里云一键部署DeepSeek个人网站!
通过阿里云一键部署DeepSeek个人网站,解决服务器繁忙问题。学生用户可领取300元代金券实现0成本部署,普通用户则可用99元/年的服务器。教程涵盖从选择套餐、设置密码到获取百炼API-KEY的全流程,助您快速搭建专属大模型主页,体验DeepSeek、Qwen-max、Llama等多款模型,无需代码,最快5分钟完成部署。支持绑定个人域名,共享亲友使用,日均成本仅约1元。
179 10
|
16天前
|
移动开发 前端开发 JavaScript
H5 页面与 Web 页面的制作方法
H5页面制作利用HTML5、CSS3和JavaScript技术,结合H5编辑器或框架(如Adobe Dreamweaver、Ionic),注重移动设备兼容性与响应式布局。Web页面制作则基于传统HTML、CSS和JavaScript,借助文本编辑器或IDE完成开发。两者区别在于技术版本、交互性和浏览器支持:H5更互动、现代,但可能不兼容旧浏览器;Web页面更静态、兼容性广。根据需求选择:高交互选H5,广泛兼容选Web。
46 6
|
2月前
|
JavaScript 应用服务中间件 nginx
Vue项目部署:如何打包并上传至服务器进行部署?
以上就是Vue项目打包及部署的方法,希望对你有所帮助。描述中可能会有一些小疏漏,但基本流程应该没有问题。记住要根据你的实际情况调整对应的目录路径和服务器IP地址等信息。此外,实际操作时可能会遇到各种问题,解决问题的能力是每一位开发者必备的技能。祝你部署顺利!
304 17
|
3月前
|
弹性计算 Ubuntu Linux
一键部署OpenWebUI+Ollama到阿里云ECS,轻松运行DeepSeek!(保姆级教程)
在当今数据驱动的时代,快速部署和管理大模型成为企业的关键需求。阿里云提供了一键部署OpenWebUI+Ollama的便捷方案,支持本地大模型运行和管理。用户也可以选择连接阿里云百炼的在线模型。
一键部署OpenWebUI+Ollama到阿里云ECS,轻松运行DeepSeek!(保姆级教程)
|
2月前
|
Docker Python 容器
Docker——阿里云服务器使用Docker部署python项目全程小记
本文记录了我在阿里云服务器上使用Docker部署python项目(flask为例)的全过程,在这里记录和分享一下,希望可以给大家提供一些参考。
229 0
|
2月前
|
弹性计算
【已解决】Matomo本地SMTP配置可以发邮件,但部署到阿里云ECS就发不了邮件
在阿里云ECS上使用Matomo和PHPMailer发送邮件时遇到问题,邮件无法发出且接口调用Pending。经过排查,发现是ECS安全组未开放25/465端口,导致SMTP请求无法正常通信。解决方法为在安全组中配置并开放25/465端口,从而恢复邮件发送功能。
|
2月前
|
Linux 虚拟化 Docker
Linux服务器部署docker windows
在当今软件开发中,Docker成为流行的虚拟化技术,支持在Linux服务器上运行Windows容器。流程包括:1) 安装Docker;2) 配置支持Windows容器;3) 获取Windows镜像;4) 运行Windows容器;5) 验证容器状态。通过这些步骤,你可以在Linux环境中顺利部署和管理Windows应用,提高开发和运维效率。
237 1
|
3月前
|
弹性计算 人工智能 API
基于ECS部署DeepSeek个人专属AI网站
本方案介绍了如何基于云服务器ECS集成百炼API和Open WebUI服务,一键部署体验DeepSeek个人专属AI网站。用户不仅可以以极低的成本,拥有个人专属的AI网站,进行稳定的AI对话,还能够切换DeepSeek-V3、DeepSeek-R1、Qwen-max等模型进行体验。同时Open WebUI还具备开源能力,支持定制工具的开发。您还可以创建其他子账号,将您的专属AI网站分享给他人使用。
|
3月前
|
存储 JSON JavaScript
WEB CAD插件通过上下文对象MxPluginContext修改UI界面的方法
本文介绍了如何使用MxPluginContext动态控制MxCAD项目的UI界面。通过该上下文对象,开发者可以灵活设置UI配置,如控制操作栏显隐、编辑按钮、添加侧边栏等。具体方法包括调用`getUiConfig()`获取并修改`mxUiConfig.json`中的属性,实现界面的定制化。此外,还提供了控制命令行聚焦的功能,解决输入框焦点锁定问题。详细代码示例和效果对比图展示了具体实现步骤,帮助开发者更好地适配项目需求。
|
2月前
|
域名解析 弹性计算 应用服务中间件
使用域名访问部署在ECS上的网站
本文为您介绍如何为网站配置域名并为域名配置HTTPS证书。

热门文章

最新文章