<template>
<div>
<video playsinline muted="true" ref="videoRef" autoplay></video>
</div>
</template>
<script>
import { ref, onMounted } from 'vue';
export default {
setup() {
const videoStream = ref(null);
const videoRef = ref(null);
onMounted(async () => {
try {
const constraints = { video: true };
const stream = await navigator.mediaDevices.getUserMedia(constraints);
videoStream.value = stream;
videoRef.value.srcObject = stream;
} catch (error) {
console.error('Error accessing media devices.', error);
}
});
return {
videoStream,
videoRef,
}; },
};
</script>
0 个回复