webrtc+java+webscoket+js 实现视频聊天、在线聊天室、桌面共享

# webrtc-chat A.文件包说明: 1.chat 目录是前端页面,建议用nginx部署,index.html 是例子页面 2.websocket 是使用springboot+maven构建的信令服务器,直接使用命令 java -jar websocket-0.0.1-SNAPSHOT.jar 启动即可 B.详情说明: 本项目只能在局域网内使用，要是放在公网需要配置https才行，运行前需要把相关ip修改成本地服务器ip. 1.先把websocket这个源码下载下来，使用maven打包后直接运行jar包,怎么使用maven自行查资料,启动信令服务器 2.进入chat文件夹,用浏览器打开index.html文件,进去后点击右上角的按钮,提示未连接,直接点一下就会连接到信令服务器上 3.复制这个页面地址,再开一个浏览器窗口,打开这个页面,再点击连接,这时候就会看见对方。 4.有较小的几率在webrtc的连接建立不起来。 5.只能在同一个局域网中使用,如果在互联网中涉及到p2p穿透问题,这个以后有时间弄好了再更新上来 6.如果是部署在外网服务器上,比如阿里云,腾讯云,则必须要将域名配置成https协议,推荐使用nginx配置,大家都这么玩。 7.如果想在局域网使用,直接打开html文件是不现实的,可以将前端部署在nginx中,这个可以自行查资料,非常简单。 8.总之webrtc只能在本地使用时可以http协议,如果是外网使用必须https协议,因为涉及到安全问题。 9.浏览器报错：webrtc.js:5 Uncaught TypeError: Cannot read properties of undefined (reading 'getUserMedia') 原因：新版chrome 在http协议下无法调用摄像头和麦克风 解决：https://blog.csdn.net/zwj1030711290/article/details/125425877 10 nginx配置demo server { listen 9874; server_name localhost; location / { root "E:/webrtc-study/webrtc-chat/chat"; index index.html index.htm; try_files $uri $uri/ /index.html; # rewrite ^/(.*)$ https://preview.pro.ant.design/$1 permanent; } location /websocket { proxy_pass http://127.0.0.1:4397/websocket; proxy_set_header X-Forwarded-Proto $scheme; proxy_http_version 1.1; proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection "upgrade"; client_max_body_size 2000m; proxy_set_header Host $http_host; proxy_set_header X-Real-IP $remote_addr; } } 11.webrtc.js openVideoAudioLocal方法里面看注释可以切换屏幕共享或者是视频通话