I am trying to use navigator.mediaDevices.getUserMedia and navigator.mediaDevices.getDisplayMedia in background.js in Manifest v3 for Google Chrome extensions and I am getting the error

TypeError: Cannot read properties of undefined (reading 'getUserMedia')

Implementation

 navigator.mediaDevices.getUserMedia(constraints).then(function (stream) {
   
  })

The background.js is registered under service_worker key in manifest file using version 3. I need to use this function is background because the extension needs to record even when the popup is closed.