我想在另一个页面“Chrome 扩展屏幕录制”中捕获屏幕

如何解决我想在另一个页面“Chrome 扩展屏幕录制”中捕获屏幕

manifest.json

{
    "manifest_version": 2,"name": "Monitoring","description": "Testing Plugin","version": "0.1.0","background": {
    "scripts": ["extension.js"
    ],"persistent": false
  },"externally_connectable": {
    
    "matches": ["*://localhost/*"]
  },"permissions": ["desktopCapture"
   
  
  ]
  
}

This is my index html file

<html lang="en">
<body>
  <h1>Screen</h1>
    <button id="share-it">share</button>
    <video autoplay id="screen-view" width="50%"></video> 
</body> 
</html>

Script


 <script  >
   (() => {
   //extension id to connect
    const EXTENSION_ID = 'bnldcjfgiecgggogiggnpfagbdegmplb';
    const share = document.getElementById('share-it');
    const video = document.getElementById('screen-view');
    const request = { 
    sources: ['window','screen','tab']  
      };
    let stream;
//click event
  share.addEventListener('click',event => {
      chrome.runtime.sendMessage(EXTENSION_ID,request,response => {
    //response and vedio get stream
     if (response && response.type === 'success') {
          navigator.mediaDevices.getUserMedia({
           'screen capture works perfectly'
           video.srcObject = stream;
         
  </script>

我在这里避免使用一些代码它的工作非常好，但是我想在单击共享按钮时在另一个 html 页面上显示视频标签，我该怎么做？。我尝试了一些代码但它不起作用被困在这里两天了，我不知道该怎么办。