<script> // 获取视频元素 const video = document.getElementById('video'); console.log(video); // 获取媒体流并将其显示在video元素中 navigator.mediaDevices.getUserMedia({ video: { facingMode: 'environment' } }) .then(stream => { console.log(stream); video.srcObject = stream video.play(); // 确保视频开始播放,这点比较重要 }) .catch(error => { console.log('访问摄像头失败:', error); }); </script> 设置为前置摄像头
时间: 2024-04-12 21:30:14 浏览: 120
video-cover:视频获取首帧图片
要将代码修改为使用前置摄像头,您可以将`facingMode`属性设置为`'user'`。将您的代码修改如下:
```javascript
<script>
// 获取视频元素
const video = document.getElementById('video');
console.log(video);
// 获取媒体流并将其显示在video元素中
navigator.mediaDevices.getUserMedia({ video: { facingMode: 'user' } })
.then(stream => {
console.log(stream);
video.srcObject = stream
video.play(); // 确保视频开始播放,这点比较重要
})
.catch(error => {
console.log('访问摄像头失败:', error);
});
</script>
```
这将使用前置摄像头进行视频捕获。在`getUserMedia`方法的`video`参数中,我们传递了一个`facingMode`对象,值为`'user'`,这表示使用前置摄像头。
阅读全文