目录
最近调试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,后续…