From 81bbeb659031c5612612dd21401c70df86377b16 Mon Sep 17 00:00:00 2001 From: bunny <1319900154@qq.com> Date: Fri, 2 Aug 2024 10:26:26 +0800 Subject: [PATCH] =?UTF-8?q?docs:=20=F0=9F=93=9A=20=E6=9B=B4=E6=96=B0?= =?UTF-8?q?=E4=B8=8B=E5=AA=92=E4=BD=93=E5=86=85=E5=AE=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/media/video/index.vue | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/src/views/media/video/index.vue b/src/views/media/video/index.vue index 5e1a0db..7472983 100644 --- a/src/views/media/video/index.vue +++ b/src/views/media/video/index.vue @@ -12,14 +12,14 @@ const displayMediaStream = ref(); * * 获取设备并初始化内容 */ const getUserMedia = async () => { - const mediaStream = await navigator.mediaDevices.getUserMedia({ video: false, audio: true }); + const mediaStream = await navigator.mediaDevices.getUserMedia({ video: { facingMode: 'user' }, audio: true }); const mediaDeviceInfos = (userMediaList.value = await navigator.mediaDevices.enumerateDevices()); audioRef.value!.srcObject = mediaStream; - // // 设置媒体播放 + // 设置媒体播放 const deviceInfos = mediaDeviceInfos.filter(device => device.kind == 'videoinput'); deviceId.value = deviceInfos[0].deviceId; - // videoRef.value!.srcObject = mediaStream; + videoRef.value!.srcObject = mediaStream; // 共享屏幕 displayMediaStream.value = await navigator.mediaDevices.getDisplayMedia({ video: true, audio: true }); @@ -30,7 +30,7 @@ const getUserMedia = async () => { * * 设置媒体内容 */ const setDeviceId = async () => { - videoRef.value!.srcObject = await navigator.mediaDevices.getUserMedia({ video: deviceId.value, audio: true }); + videoRef.value!.srcObject = await navigator.mediaDevices.getUserMedia({ video: deviceId.value, audio: false }); }; /** @@ -51,14 +51,14 @@ const onCloseDisplayMedia = () => { * * 开启麦克风 */ const onOpenAudio = () => { - audioRef.value?.pause(); + audioRef.value?.play(); }; /** * * 关闭麦克风 */ const onCLoseAudio = () => { - audioRef.value?.play(); + audioRef.value?.pause(); }; onBeforeMount(() => {