我按照 firespace 的教程進行操作,這是一個電子教程,我得到了這個按摩,說這是一個錯誤,即使教程沒有未捕獲(承諾)TypeError:無法讀取 HTMLButtonElement.getVideoSources 處未定義的屬性“buildFromTemplate”const { writeFile } = require("fs");const dialog = remote;const Menu = remote;// Global statelet mediaRecorder; // MediaRecorder instance to capture footageconst recordedChunks = [];// Buttonsconst videoElement = document.querySelector("video");const startBtn = document.getElementById("startBtn");startBtn.onclick = (e) => { mediaRecorder.start(); startBtn.classList.add("is-danger"); startBtn.innerText = "Recording";};const stopBtn = document.getElementById("stopBtn");stopBtn.onclick = (e) => { mediaRecorder.stop(); startBtn.classList.remove("is-danger"); startBtn.innerText = "Start";};const videoSelectBtn = document.getElementById("videoSelectBtn");videoSelectBtn.onclick = getVideoSources;// Get the available video sourcesasync function getVideoSources() { const inputSources = await desktopCapturer.getSources({ types: ["window", "screen"], }); const videoOptionsMenu = Menu.buildFromTemplate( inputSources.map((source) => { return { label: source.name, click: () => selectSource(source), }; }) ); videoOptionsMenu.popup();}// Change the videoSource window to recordasync function selectSource(source) { videoSelectBtn.innerText = source.name; const constraints = { audio: false, video: { mandatory: { chromeMediaSource: "desktop", chromeMediaSourceId: source.id, }, }, }; // Create a Stream const stream = await navigator.mediaDevices.getUserMedia(constraints); // Preview the source in a video element videoElement.srcObject = stream; videoElement.play(); // Create the Media Recorder const options = { mimeType: "video/webm; codecs=vp9" }; mediaRecorder = new MediaRecorder(stream, options); // Register Event Handlers mediaRecorder.ondataavailable = handleDataAvailable; mediaRecorder.onstop = handleStop; // Updates the UI}此代碼來自教程 github 的源文件。你能幫忙解決一下嗎,謝謝
未捕獲(承諾)TypeError:無法讀取 HTMLButtonElement
夢里花落0921
2023-03-24 13:37:56