使用starRTC实现视频对讲功能

文章中用到的环境和项目：

• 搭建了CentOS7系统的虚拟机
• starrtc-server (服务器)
• starrtc-web (web端，视频对讲)
• chrome74.0.3729.157

一、搭建基于CentOS7系统的starRTC服务器

1、下载starrtc-server程序：
git clone https://gitee.com/starRTC/starrtc-server.git

2、进入相应目录，直接执行chmod +x *.sh && ./start.sh 即可部署成功（进行web端的使用是进入web-supported目录），这里不做详细说明，单独部署请查阅官方文档

3、开放需要的端口，根据需要去开启

#开放某个端口
firewall-cmd --zone=public --add-port=端口/类型(tcp/udp) --permanent

#防火墙重新加载配置
firewall-cmd --reload

#CentOS7关闭防火墙：
systemctl stop firewalld
#CentOS6关闭防火墙：
service iptables stop

#CentOS7禁用防火墙
systemctl disable firewalld

服务端	端口	web端需开放端口
msgServer	19903(tcp)	29991(tcp):https信任测试
voipServer	10086(udp) 44446(udp):P2P通讯	10087(tcp):websocket 10088(udp):webrtc 29992(tcp):https信任测试
chatRoomServer	19906(tcp)	29993(tcp):https信任测试
liveSrcServer	19931(udp)	19934(tcp):websocket 19935(udp):webrtc 29994(tcp):https信任测试
liveVdnServer	19928(udp)	19940(tcp):websocket 19941(udp):webrtc 29995(tcp):https信任测试
liveProxyServer	19932(tcp)

二、搭建Web项目

1、下载starrtc-web程序：
git clone https://gitee.com/starRTC/starrtc-web.git

2、修改index.js中的privateURL、webrtcIP变量为服务器IP，将index.html文件在谷歌浏览器中打开（推荐使用74版本，谷歌浏览器禁止自动更新）

3、没有更换过服务端自带的签名证书的话可能会出现wss连接错误，需先在浏览器中访问 https://服务器IP:29991-29995 五个对应的端口，遇到页面提示有风险时，点击继续访问直到出现页面，实在不想点的可以进入sdk目录找到star_rtc_lib.min.js文件，将wss:替换为ws: （有安全风险）

4、在同局域网下使用另一台电脑/手机，下载对应的demo或app，配置好IP后点击一对一视频，输入web端的id即可进行视频对讲（可通过starrtc-web根目录的android.png、app_store.png进行下载）

starrtc-windows下载及配置
安卓APP配置：

三、测试中可能出现的问题

1、WebSocket connection to ‘wss://服务器IP:19903/’ failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED
解决方法：注意对应服务是否启动、端口是否开放，以及是否访问过 https://服务器IP:29991-29995 （wss连接时出现的问题基本都是这些原因）

#查看服务是否开启
ps -aux | grep Server

2、视频对讲时两边都只能看到本地的画面
解决方法：首先看看日志是否正常，日志没问题的话建议更换浏览器版本，谷歌浏览器建议使用74版本(谷歌浏览器禁止自动更新)

3、当web项目运行在服务器上时，远程访问出现：Uncaught TypeError: Cannot read property ‘getUserMedia’ of undefined

解决方法：需要使用https方式进行访问，否则不允许打开摄像头/麦克风；也可以通过下面的方式进行非https获取摄像头/麦克风

1. 地址栏输入chrome://flags/, 搜索unsafely
2. 将Disabled改为Enabled，在文本框中输入要过滤的地址，如（IP地址根据服务器去修改）：http://192.168.1.151:8080
3. 点击文本框下面的#unsafely-treat-insecure-origin-as-secure
4. 点击Relaunch Now按钮