JavaDemo/konva-demo
JavaDemo
/
konva-demo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

docs: 📚 更新下媒体内容

This commit is contained in:
bunny 2024-08-02 10:26:26 +08:00
parent 022d35b8ea
commit 81bbeb6590
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/views/media/video/index.vue
View File

@ -12,14 +12,14 @@ const displayMediaStream = ref<MediaStream>();
* * 获取设备并初始化内容
*/
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(() => {