navigator.mediaDevices.getUserMedia()的写法
时间: 2024-08-13 20:07:35 浏览: 105
HTML5通过navigator.mediaDevices.getUserMedia调用手机摄像头问题
5星 · 资源好评率100%
`navigator.mediaDevices.getUserMedia()` 是 WebRTC(Real-Time Communication)API 中的一个方法,用于在用户的设备上获取媒体流,如音频或视频。这是一个异步操作,通常在现代浏览器中用于实现网页的音视频通信功能,如聊天应用、直播等。
以下是 `getUserMedia` 方法的基本写法:
```javascript
navigator.mediaDevices.getUserMedia(constraints)
.then(function(stream) {
// 成功获取媒体流,通常会创建一个 `MediaStream` 对象,这里你可以处理这个流
var videoElement = document.getElementById('video');
videoElement.srcObject = stream;
})
.catch(function(error) {
// 处理错误
console.error('Error accessing media devices', error);
});
```
参数 `constraints` 是一个对象,定义了你想要的媒体类型和相关参数,例如:
```javascript
var constraints = {
audio: true, // 获取音频
video: { width: 640, height: 480 }, // 获取分辨率设为 640x480 的视频
audio: { deviceId: 'default' } // 获取默认音频设备
};
```
阅读全文