Allow localhost/insecure websites to access webcam/microphone on Firefox

On my daily development I came across the issue navigator.mediaDevices is undefined when testing a website I’m developing on Firefox browser. While the fix for Google Chrome is widely known, I didn’t find anything about Firefox and decided to dig deeper myself. Turns out the fix is pretty simple.

  • On the address bar of Firefox type about:config
  • Accept and continue
  • Search for insecure
  • Set media.devices.insecure.enabled and media.getusermedia.insecure.enabled flag to true

That should do it!! The next time you open your website, Firefox will ask your permissions for webcam/microphone.