cordova使用webrtc与网页端及移动端视频、语音聊天

时间:2024-03-01 09:10:18

最近在做一个移动端与移动端、网页端文字、视频、语音聊天的功能。文字聊天使用websocket,在网上很多资料,也没什么难度。但是在视频、语音聊天上遇到了小小的难点。之前一直在找一些SDK想快速开发,例如opentok、云通讯等,但是项目的使用环境是内网,这些SDK必须要在外网情况下才能使用,需要在他们的服务器上获取信令。后来就想办法自己用webrtc做一个视频语音聊天,因为已经用了websocket了。在webrtc的官网,看源码安卓有3G多,编译后差不多9G,直接吓尿了。就算写了插件给cordova,这个APP也会很大。然后就想直接通过web来实现整个过程,下面记录下问题解决的过程。

 

1.阅读谷歌WebRTC官方英文文档,了解WebRT总体框架以及工作流程。阅读部分官方托管在githu的源码,确定前端与后台实现方案。

2.编写视频、语音聊天后台,使用Nodejs作为服务端,完成了频道登录、信令交换、通道建立等功能的代码编写。并完成了客户端登录请求、信令发送、信令保存、通道建立、摄像头及麦克风调用代码的编写。通过web端测试通过,但安卓4.0-4.4全部无法使用。

3.通过VPN访问被封的google浏览器开发者网站,查询chrome的WebRTC开发文档,发现只有26版本的WebView才支持WebRTC。通过安卓5.0成功在系统内置浏览器中调用了摄像头与麦克风,并与Web端进行了通信。但在Cordova项目中无法弹出授权窗口,导致视频显示一片漆黑。

4.通过写入安卓权限,成功在5.0的系统中通过Cordova调用系统WebRTC内核实现视频语音聊天。但对系统版本要求较高,兼容性差,但是5.0系统刚出几个月,普及面小且占用内存更大,因此继续寻找更好的方案。

5.在外国网站上查阅了大量资料,最后开始尝试提取安卓5.0的WebView内核,并成功移植到项目中,使得cordova项目脱离安卓系统本身的WebView,直接使用移植来的WebView,成功在安卓4.0-5.0所有平台上成功完成视频、语音聊天,并测试通过。至此,移动端与web端的视频、语音聊天功能Demo完成。

 

此博客不再维护,已经转CSDN。最后内核问题,很多人问,这个都是的几年前写的了,现在应该不存在了,如果还需要在4版本上做,可以使用crosswork插件,直接替换cordova安卓内核即可,比我当年方便多了。