码迷,mamicode.com
首页 > Web开发 > 详细

webrtc测试小工具

时间:2020-03-24 13:01:57      阅读:493      评论:0      收藏:0      [点我收藏+]

标签:计数   class   对话   rtc   信息   推荐   标准   real   浏览器兼容性   

webrtcweb real-time communication,网页即时通信,是一个支持网页浏览器进行实时语音对话或视频对话(简单的说,就是在web浏览器里面引入实时通信,包括音视频通话等)的API(Native C++ API,web API)。谷歌开源,属于W3C推荐标准。支持跨平台(windows、linux、mac、android)。

 

1. webrtc接口测试工具

1.1 简述

在Chrome的地址栏中输入chrome://webrtc-internals这个命令,通过跟踪RTCPeerConnections,就会展示出有webrtc相关功能被启用的网页,以及通话过程中产生的统计数据。

1.2 使用

如下:正在试图获取microphone,对应的webrtc协议数据测试页面如下,GetUserMedia Request

 技术图片

 

兼容工具页面会检测屏幕分辨率等信息,webrtc协议数据测试页面会显示对应的分辨率等数据

技术图片

 

 技术图片

 

RTCPeerConnection音频和视频数据通信:兼容工具页面会发送音视频文件数据,webrtc协议数据测试会显示对应的参数变化

技术图片

 

技术图片

 

结果解析:分为如下三部分描述:

技术图片

自顶而下观察这幅图,我们将这个图分为3个部分来说明:

  1. 第一个部分,也就是绿线的上方(图的顶部)有两个方块,第一个方块展示的是PeerConnection的相关信息,如果有多个PeerConnection的话,那么就会有多个类似的标签页
  2. 第二个部分,在图中标示的Time和Event区域(图的上方偏左侧),这个部分主要描述的是PeerConnection建立的流程,相关方法调用的次序以及调用的时间
  3. 第三个部分,在图中标示的Stats Tables部分(图的右侧以及下半部分),这个部分主要展示的是PeerConnection相关的统计数据,而我们所要说明的就是就是音频以及视频流的统计信息,如下图所示,发送接收数据的frame的情况,发送的byte数等

 

技术图片

技术图片

 

 

2. 验证webrtc兼容性小工具

2.1 简述

运行于PC端浏览器和手机端浏览器,可以自动检测设备浏览器是否能正常运行 WebRTC 应用。可检测的项目包括:浏览器兼容性;麦克风录音是否正常;扬声器播放是否正常;目前设备可支持哪些分辨率;网络连接及当前网络下的音视频码率、丢包率;摄像头(用户可选)等

2.2使用

使用PC端浏览器(或手机端浏览器)打开如下链接,并按照指引操作即可。https://webdemo.agora.io/agora_webrtc_troubleshooting/

技术图片

技术图片 

技术图片

 

 

 

webrtc测试小工具

标签:计数   class   对话   rtc   信息   推荐   标准   real   浏览器兼容性   

原文地址:https://www.cnblogs.com/sunshine-blog/p/12557981.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!