Created attachment 355368 [details] Canvas and Video element with 2 slightly different colours If you draw on a canvas and use canvas.captureStream the resulting colours in the video are slightly different than the colours on the Canvas. This is also the case a bit in Chrome and Firefox but in Safari it is quite a bit different. See https://output.jsbin.com/rebesum where a new random colour is drawn every 1 second on both a Canvas and a Video. It's more noticeable with some colours than others.
<rdar://problem/46193273>
I think there is no more color shift in the attached JSBin test case in Safari 15.5 on macOS 12.4. As for matching with other browsers, Chrome Canary 104 does not show <video> element at all while Firefox 104 just shows static colour for <video> tag, which becomes out of sync with <canvas> element. I am not sure what is correct behavior according to spec but this is the latest update. Thanks!