这样的情况，基于 WebRTC 开发产品的你是不是也曾遇到过？
一个基于 WebRTC 的视频通话是否能成功建立起来，直接影响它的不一定是代码质量、服务端稳定性，还可能是用户端那些你难以察觉的软硬件兼容性问题，还有谜一样的用户操作。但用户却不会管那么多。他们的第一反应绝对是“你这个应用有 Bug 啊！”
我们声网的工程师们也曾一度为之困扰。直到，他们自己写了个 Troubleshooting 小工具。现在这个小工具开源了。它不仅适用于 Agora 开发者，同样适用于 WebRTC 开发者和他们的用户。
Agora WebRTC Troubleshooting
这个工具可以运行于 PC 端浏览器和手机端浏览器，可以帮助你自动检测设备浏览器是否能正常运行 WebRTC 应用。可检测的项目包括：
浏览器兼容性
麦克风录音是否正常
扬声器播放是否正常
目前设备可支持哪些分辨率
网络连接及当前网络下的音视频码率、丢包率
摄像头（用户可选）
测试工具地址在这里，可以给自己的浏览器做做“体检”：https://webdemo.agora.io/agora_webrtc_troubleshooting/
这个小工具使用起来很简单，可以说老少咸宜，只需要按照页面提示一步步操作即可。为了大家直观了解使用方法，我们还是录了一个 2 分钟的小视频。
如果你是基于 WebRTC 开发应用的独立开发者，可以让你的用户通过这个 Web demo 地址测试以上项目。只不过，在测试“网络连接”这一项时，该工具是测试用户端与 Agora 服务端的网络连接状态与丢包情况，仅此测试项可能会与未集成 Agora SDK 的 WebRTC 应用的实际体验不同。
如果你是 Agora 开发者，那么你还可以更进一步，可以基于源代码修改出一份适用于自己 App 的测试工具，还可以将它集成到产品中。我们已经有部分 Agora 开发者这么去做了。下面，我们简单讲解一下源代码，并告诉你如何修改。
代码原理解析
测试工具中调用了多个 Agora SDK 接口，例如通过 AgoraRTC.checkSystemRequirements 接口来检测浏览器兼容性；利用 stream.getStats 来获取网络连接状态数据；使用 stream.getAudioLevel 来检测当前的音量等。开发者也可以在自己的应用中，利用起这些接口，将相应功能加入到产品中。
浏览器兼容性
这里使用了 Agora Web SDK 的 AgoraRTC.checkSystemRequirements 接口来自动检测浏览器是否支持当前的语音、视频通话。
腾讯云云原生提质增效实践精选集 2024
《2024腾讯云云原生提质增效实践精选集》出炉，5大热门技术领域，13个行业精选标杆案例，痛点到解决方案全...
评论