gum_and_notification.html

<html>
<meta charset=utf-8>
<video id="video" width="320" height="200" autoplay muted></video><br>
<button id="button">Join meeting (not really)</button>
<div id="div"></div>
<script>
const console = {log: msg => div.innerHTML += `${msg}<br>`};
const wait = ms => new Promise(r => setTimeout(r, ms));

button.onclick = async () => {
  try {
    const [stream, permission] = await Promise.all([
      navigator.mediaDevices.getUserMedia({video: true, audio: true}),
      Notification.requestPermission()
    ]);
    video.srcObject = stream;
    console.log(`notification request: ${permission}`);
    let notification = new Notification("Hi there!");
    await dumpState();
    await wait(5000);
    notification = new Notification("Am I bugging you?");
    await dumpState();
  } catch(e) {
    console.log(e);
  }
};

async function dumpState() {
  if (navigator.permissions?.query) {
    const {state} = await navigator.permissions.query({name: "notifications"});
    console.log(`notification query: ${state}`);
  }
}

</script>
</html>