php js调用摄像头,js如何调用摄像头?js调用摄像头的方法(代码详解)
时间: 2023-09-14 07:09:21 浏览: 49
要在网页中使用摄像头,我们可以使用 WebRTC 技术。WebRTC 为浏览器提供了访问摄像头、麦克风和屏幕共享的功能。以下是使用 JavaScript 调用摄像头的代码示例:
```javascript
// 获取视频流
navigator.mediaDevices.getUserMedia({ video: true })
.then(function(stream) {
var video = document.querySelector('video');
video.srcObject = stream;
video.onloadedmetadata = function(e) {
video.play();
};
})
.catch(function(err) {
console.log(err.name + ": " + err.message);
});
```
代码解释:
1. `navigator.mediaDevices.getUserMedia` 方法用于请求访问摄像头和麦克风的权限。
2. `video: true` 表示要访问摄像头。
3. `then` 方法中的回调函数会在成功获取视频流时执行。`stream` 参数就是视频流。
4. `var video = document.querySelector('video');` 获取 HTML 中的视频元素。
5. `video.srcObject = stream;` 将视频流传递给视频元素。
6. `video.onloadedmetadata` 事件会在视频元素的元数据加载完成后执行。
7. `video.play()` 方法用于播放视频。
8. `catch` 方法中的回调函数会在获取视频流失败时执行。
注意:为了在浏览器中访问摄像头,必须使用 HTTPS 协议或者在本地测试时使用 localhost。否则浏览器会阻止访问摄像头。