Accessing webcam data is broken by canvas fingerprinting protections (firefox, or any browser with adblockers) #398
Description
Please follow the general troubleshooting steps first:
- Is your app running over HTTPS? (please provide the URL if possible)
- Have you tried running the demo (https://codepen.io/mozmorris/pen/JLZdoP) on your device?
- Checked the latest "Can I use" compatbility table? (https://caniuse.com/stream)
Bug reports:
When fingerprinting protections are in place, such as in Firefox when privacy.resistFingerprinting is true, or when a user uses any kind of privacy-preserving addons such as adblock plus, webcamRef.current.getScreenshot(); is corrupted. Here is the console warning inside Firefox's Console :
Blocked third party https://cdpn.io/mozmorris/fullpage/gOOoqpw?anon=true&view= from extracting canvas data.
Related to:
https://support.mozilla.org/en-US/questions/1398931
The official example is simply a reproduction: https://codepen.io/mozmorris/pen/gOOoqpw
This also happens in first-party when "no user input is detected".
Are you aware of any other way to access the frames of the video without depending on what the canva is drawing?
As more and more users are using tools to enhance their privacy, the getScreenshot() fn will fail more and more in the future...