การบันทึกเสียงและการจับภาพหน้าจอ

const stream = await navigator.mediaDevices.getDisplayMedia({ audio: true, video: true }); 

chrome.action.onClicked.addListener(async (tab) => {   const existingContexts = await chrome.runtime.getContexts({});    const offscreenDocument = existingContexts.find(     (c) => c.contextType === 'OFFSCREEN_DOCUMENT'   );    // If an offscreen document is not already open, create one.   if (!offscreenDocument) {     // Create an offscreen document.     await chrome.offscreen.createDocument({       url: 'offscreen.html',       reasons: ['USER_MEDIA'],       justification: 'Recording from chrome.tabCapture API',     });   }    // Get a MediaStream for the active tab.   const streamId = await chrome.tabCapture.getMediaStreamId({     targetTabId: tab.id   });    // Send the stream ID to the offscreen document to start recording.   chrome.runtime.sendMessage({     type: 'start-recording',     target: 'offscreen',     data: streamId   }); }); 

chrome.runtime.onMessage.addListener(async (message) => {   if (message.target !== 'offscreen') return;      if (message.type === 'start-recording') {     const media = await navigator.mediaDevices.getUserMedia({       audio: {         mandatory: {           chromeMediaSource: "tab",           chromeMediaSourceId: message.data,         },       },       video: {         mandatory: {           chromeMediaSource: "tab",           chromeMediaSourceId: message.data,         },       },     });      // Continue to play the captured audio to the user.     const output = new AudioContext();     const source = output.createMediaStreamSource(media);     source.connect(output.destination);      // TODO: Do something to recording the MediaStream.   } }); 

chrome.windows.create({ url: chrome.runtime.getURL("recorder.html") }); 

chrome.tabCapture.getMediaStreamId({ targetTabId: tabId }, async (id) => {   const media = await navigator.mediaDevices.getUserMedia({     audio: {       mandatory: {         chromeMediaSource: "tab",         chromeMediaSourceId: id,       },     },     video: {       mandatory: {         chromeMediaSource: "tab",         chromeMediaSourceId: id,       },     },   });    // Continue to play the captured audio to the user.   const output = new AudioContext();   const source = output.createMediaStreamSource(media);   source.connect(output.destination); }); 

chrome.tabCapture.capture({ audio: true }, (stream) => {   // Continue to play the captured audio to the user.   const output = new AudioContext();   const source = output.createMediaStreamSource(stream);   source.connect(output.destination);    // TODO: Do something with the stream (e.g record it) });