Как добавить аудио в getdisplaymedia?
Я делаю screen recorder с помощью javascript. Вот этот код:
const start = document.getElementById("start"); const stop = document.getElementById("stop"); const video = document.querySelector("video"); let recorder, stream; async function startRecording() { stream = await navigator.mediaDevices.getDisplayMedia({ video: true, audio:true }); recorder = new MediaRecorder(stream); const chunks = []; recorder.ondataavailable = e => chunks.push(e.data); recorder.onstop = e => { let link = document.createElement('a'); const myValue = prompt("filename:", ".webm"); link.download = myValue; const completeBlob = new Blob(chunks, { type: chunks[0].type }); video.src = URL.createObjectURL(completeBlob);z link.href = URL.createObjectURL(completeBlob); link.click(); URL.revokeObjectURL(link.href); }; recorder.start(); } start.addEventListener("click", () => { start.setAttribute("disabled", true); stop.removeAttribute("disabled"); startRecording(); }); stop.addEventListener("click", () => { stop.setAttribute("disabled", true); start.removeAttribute("disabled"); recorder.stop(); stream.getVideoTracks()[0].stop(); });
Что я уже пробовал:
Как бы я добавил аудио к этому с помощью getDisplayMedia? Я попробовал это сделать:
const gdmOptions = { video: { mediaSource: "screen" }, audio: true } async function startRecording() { stream = await navigator.mediaDevices.getDisplayMedia(gdmOptions); ...
Это вышло прямо из докторов MDN Здесь
Но это не сработало. Я использую chrome. Пожалуйста, скажи мне, что я делаю не так. Спасибо и хорошего вам дня!