WebRTC（一）：通过WebRTC技术检测摄像头和麦克风

2017年10月，国内PC浏览器市场份额排行榜 Google的Chrome浏览器排名第一，其市场份额为45.49%； 微软的IE浏览器排名第二，其份额为20.72%；（其中，IE9的份额为8.20%，IE8的份额为7.95%，IE7的份额为2.74%，IE10的份额为1.83%） QQ浏览器排名第三，其份额为6.40%； 2345加速浏览器排名第四，其份额为5.41%； 搜狗高速浏览器排名第五，其份额为4.38%； 火狐浏览器排名第六，其份额为2.22%； 其他浏览器的市场份额合计为15.36%。 说明：此榜单中没有360安全浏览器和360极速浏览器，因为其去掉了原本的浏览器特征（User-Agent）而表现为IE、Chrome等浏览器特征。本文中的市场份额是指使用不同浏览器的网民带来的浏览量占比，数据来源于百度统计所覆盖的超过150万的站点。 2017.11.13 Chrome最新版本62 Chrome/62.0.3202.89 Firefox 56.01 QQ浏览器9.6.5 Chrome/53.0.2785.104 搜狗极速浏览器 7.1 Chrome/49.0.2623.221 360极速浏览器9 Chrome/55.0.2883.87 360安全浏览器9.1 Chrome/55.0.2883.87 2345浏览器8.7 Chrome/47.0.2526.108 2345浏览器9.0 Chrome/56.0.2924.90 通过navigator.mediaDevices.enumerateDevices获取设备列表 navigator.mediaDevices.enumerateDevices() .then(function(devices) { devices.forEach(function(device) { console.log(device.kind + “: “ + device.label + “ id = “ + device.deviceId); }); }).catch(function(err) { console.log(err.name + “: “ + err.message); }); //得到结果 audioinput: 默认 id = default audioinput: 通讯 id = communications audioinput: 麦克风 (HD Webcam C525) id = ******…(省略) audioinput: 麦克风 (Realtek High Definition Audio) id = ******…(省略) videoinput: Logitech HD Webcam C525 (046d:0826) id = ******…(省略) audiooutput: 默认 id = default audiooutput: 通讯 id = communications audiooutput: 扬声器 (Realtek High Definition Audio) id = ******…(省略) audiooutput: Realtek Digital Output (Realtek High Definition Audio) id = ******…(省略) // 麦克风 audioinput 摄像头 videoinput 扬声器 audiooutput Chrome浏览器、Firefox浏览器、搜狗浏览器、2345浏览器 均无法显示device.label（设备名称）(Firefox浏览器甚至无法得到audiooutput列表) QQ浏览器、360安全浏览器、360极速浏览器 可以正常显示设备名称 https://developer.mozilla.org/zh-CN/docs/Web/API/MediaDevices/enumerateDevices webrtc/adapter Github: https://github.com/webrtc/adapter CDN: https://cdnjs.cloudflare.com/ajax/libs/webrtc-adapter/6.0.0/adapter.min.js YTCDN：https://public.yitong.com/libs/webrtc-adapter/6.0.0/adapter.min.js 还未完成……