title: Rename contents of Screen Capture dialog in web browser
body: <p>I am using Screen Capture API to let users record their screen from web browser. It is done using following sample code provided at <a href="https://developer.mozilla.org/en-US/docs/Web/API/Screen_Capture_API/Using_Screen_Capture" rel="nofollow noreferrer">MDN</a>.</p>
  <pre class="lang-js prettyprint-override"><code>function startCapture(displayMediaOptions) {
   let captureStream = null;
  
   return navigator.mediaDevices.getDisplayMedia(displayMediaOptions)
      .catch(err =&gt; { console.error(&quot;Error:&quot; + err); return null; });
  }
  </code></pre>
  <p><a href="https://i.stack.imgur.com/zJe0J.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zJe0J.png" alt="Screenshot" /></a></p>
  <p>I want to rename dialog title from &quot;Share your screen&quot; to &quot;Record your screen&quot;. Same for button, I want to rename it from &quot;Share&quot; to &quot;Record&quot;.</p>