WebRTC getUserMedia()获取流失败的原因查询及解决

目录

最近调试WebRTC，客户端的Chrome浏览器都无法获取视频流，原以为是Chrome版本太低，升级了版本，也不行，于是查阅了相关API…

---

getUserMedia API:

navigator.getUserMedia ( constraints, successCallback, errorCallback );

---

参数

参数	是否必须	描述
constraints	必须	successCallback中传入的 LocalMediaStream对象所支持的媒体类型。
successCallback	必须	当应用中传递LocalMediaStream对象时触发的函数。
errorCallback	可选	当调用媒体设备失败时触发的函数.

---

successCallback:

getUserMedia 函数会调用successCallback 并传入LocalMediaStream 对象，这个对象包含媒体流。

---

errorCallback:

错误	描述
PERMISSION_DENIED	用户拒绝了浏览器请求媒体的权限
NOT_SUPPORTED_ERROR	constraint中指定的媒体类型不被支持
MANDATORY_UNSATISFIED_ERROR	指定的媒体类型未接收到媒体流

---

错误查询方法：

errorCallback=function(error) {
alert(error.name || error);

利用这行代码查询错误原因。我的错误信息提示为：PERMISSION_DENIED

---

原因及解决方法：

• Chrome 47以后，getUserMedia API只能允许来自“安全可信”的客户端的视频音频请求，如HTTPS和本地的Localhost。 例如：https://192.168.1.2:8080…
• localhost是唯一不用https的域名。
• 因此，解决这个问题一个方法是让自己的Web支持HTTPS，还有一个方法使用旧版本的Chrome。如Chrome 46等。
• 希望本文对大家能有帮助；关于Web如何实现HTTPS，后续…

---