js调用手机的前摄像头并实时显示
时间: 2024-03-06 15:48:49 浏览: 29
在 JavaScript 中,如果你想要调用手机的前置摄像头并显示实时视频,可以使用 WebRTC 技术实现。WebRTC 是一项支持浏览器之间进行实时音视频通信的技术,它可以让你访问设备的摄像头和麦克风,并且通过浏览器实时显示视频和音频。
以下是一个简单的示例代码,可以在支持 WebRTC 的浏览器中运行,调用前置摄像头并实时显示:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>WebRTC Camera Example</title>
</head>
<body>
<video id="video" autoplay></video>
<script>
navigator.mediaDevices.getUserMedia({ video: { facingMode: 'user' }, audio: false })
.then(function (stream) {
var video = document.getElementById('video');
video.srcObject = stream;
video.play();
})
.catch(function (error) {
console.log('Error: ' + error);
});
</script>
</body>
</html>
```
在上面的代码中,我们使用 `getUserMedia` 方法来获取用户的媒体设备,其中 `facingMode: 'user'` 表示使用前置摄像头,`audio: false` 表示不使用麦克风。获取到媒体设备之后,我们将视频流绑定到一个 `video` 标签上,并调用 `play` 方法开始播放实时视频。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)