safari 调用摄像头
时间: 2024-02-10 17:46:12 浏览: 310
调用摄像头
在Safari浏览器中调用摄像头,需要使用HTML5中的WebRTC技术。可以通过以下步骤实现:
1. 在HTML中创建一个video元素,用于显示摄像头捕捉到的视频。
2. 使用JavaScript中的navigator.mediaDevices.getUserMedia方法获取摄像头的访问权限。
3. 将getUserMedia返回的MediaStream对象赋值给video元素的srcObject属性,即可在页面上显示摄像头捕捉到的视频。
下面是一个简单的示例代码:
```html
<video id="video" autoplay></video>
<script>
navigator.mediaDevices.getUserMedia({ video: true })
.then(function(stream) {
var video = document.getElementById('video');
video.srcObject = stream;
})
.catch(function(err) {
console.log('获取摄像头访问权限失败:', err);
});
</script>
```
需要注意的是,在调用getUserMedia方法时,需要用户授权访问摄像头。同时,HTTPS协议也是必须的,否则浏览器会拒绝访问摄像头。
阅读全文