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 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()); const mediaDeviceInfos = (userMediaList.value = await navigator.mediaDevices.enumerateDevices());
audioRef.value!.srcObject = mediaStream; audioRef.value!.srcObject = mediaStream;
// // 设置媒体播放 // 设置媒体播放
const deviceInfos = mediaDeviceInfos.filter(device => device.kind == 'videoinput'); const deviceInfos = mediaDeviceInfos.filter(device => device.kind == 'videoinput');
deviceId.value = deviceInfos[0].deviceId; deviceId.value = deviceInfos[0].deviceId;
// videoRef.value!.srcObject = mediaStream; videoRef.value!.srcObject = mediaStream;
// 共享屏幕 // 共享屏幕
displayMediaStream.value = await navigator.mediaDevices.getDisplayMedia({ video: true, audio: true }); displayMediaStream.value = await navigator.mediaDevices.getDisplayMedia({ video: true, audio: true });
@ -30,7 +30,7 @@ const getUserMedia = async () => {
* * 设置媒体内容 * * 设置媒体内容
*/ */
const setDeviceId = 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 = () => { const onOpenAudio = () => {
audioRef.value?.pause(); audioRef.value?.play();
}; };
/** /**
* * 关闭麦克风 * * 关闭麦克风
*/ */
const onCLoseAudio = () => { const onCLoseAudio = () => {
audioRef.value?.play(); audioRef.value?.pause();
}; };
onBeforeMount(() => { onBeforeMount(() => {