我需要一端vue2可以调用摄像头的代码
时间: 2023-06-06 08:08:41 浏览: 74
您好,我可以为您提供一些关于使用Vue2调用摄像头的代码示例:
HTML部分:
```html
<template>
<div>
<video ref="video" autoplay></video>
<button @click="startCamera">Start Camera</button>
<button @click="stopCamera">Stop Camera</button>
</div>
</template>
```
JavaScript部分:
```javascript
<script>
export default {
data() {
return {
stream: null,
video: null
}
},
mounted() {
this.video = this.$refs.video;
},
methods: {
startCamera() {
if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
navigator.mediaDevices.getUserMedia({ video: true })
.then(stream => {
this.stream = stream;
this.video.srcObject = stream;
})
.catch(error => {
console.log(error);
});
}
},
stopCamera() {
if (this.stream) {
this.stream.getTracks().forEach(track => {
track.stop();
});
this.video.srcObject = null;
this.stream = null;
}
}
}
}
</script>
```
请注意,这段代码只是一个简单的示例。在实践中,您需要根据您的应用程序要求进行修改。
希望这可以帮助您!