Taking still photos with getUserMedia(): inaccurate info about CSS filters

[bambury]

MDN URL: https://developer.mozilla.org/en-US/docs/Web/API/Media_Capture_and_Streams_API/Taking_still_photos

What information was incorrect, unhelpful, or incomplete?

The following bit of text seems to be untrue (tested on Firefox 91.0.2 and Chromium 93.0.4577.63):
"Since we're capturing images from the user's webcam by grabbing frames from a <video> element, we can very easily apply filters and fun effects to the video. As it turns out, any CSS filters you apply to the element using the filter property affect the captured photo"

The filter applied to the #video element does not apply to the image shown as the #photo element

Specific section or headline?

Fun with filters

What did you expect to see?

Accurate information

Did you test this? If so, how?

Tested in Firefox and Chromium as stated above, by adding a filter to the #video element in the CSS file

MDN Content page report details

• Folder: en-us/web/api/webrtc_api/taking_still_photos
• MDN URL: https://developer.mozilla.org/en-US/docs/Web/API/WebRTC_API/Taking_still_photos
• GitHub URL: https://github.com/mdn/content/blob/main/files/en-us/web/api/webrtc_api/taking_still_photos/index.html
• Last commit: a68baf7
• Document last modified: 2021-08-20T04:59:23.000Z