270628 2024-03-07 02:08:04 -0800 black borders appears for screen sharing 2024-03-14 03:39:28 -0700 1 1 1 Unclassified WebKit WebRTC Safari 16 Mac (Apple Silicon) Unspecified RESOLVED DUPLICATE 269961 InRadar P2 Blocker --- 1 ltsg0317 webkit-unassigned ahmad.saleem792 webkit-bug-importer youennf oldest_to_newest 2019311 0 ltsg0317 2024-03-07 02:08:04 -0800 Steps to reproduce the problem: const stream = await navigator.mediaDevices.getDisplayMedia({ video: { width: "700", height: "400" },, audio: false, }); const screenTrack = stream.getVideoTracks()[0]; // $("localVideo") === video tag $("localVideo").srcObject = new MediaStream([screenTrack]); $("localVideo").play(); Safari version: >= 16.3.1 OS Version: 14.3.1 (23D60) demo: https://jsfiddle.net/ltsg0317/tuvb6Lyq/1/ pic: https://res.cloudinary.com/dhx2zug13/image/upload/v1709806033/webkit/screenshare_zdb2ou.png 2019534 1 ahmad.saleem792 2024-03-07 20:01:40 -0800 I am able to reproduce this bug using Safari 17.4 on macOS Sonoma 17.4 and it shows Black Border around Screen while Chrome Canary 124 works without any issue and don't have any black border (more of mismatch in aspect ration like playing 16:10 or 4:3 on 16:9 screen). 2019535 2 ahmad.saleem792 2024-03-07 20:02:55 -0800 (In reply to Ahmad Saleem from comment #1) > I am able to reproduce this bug using Safari 17.4 on macOS Sonoma 17.4 and > it shows Black Border around Screen while Chrome Canary 124 works without > any issue and don't have any black border (more of mismatch in aspect ration > like playing 16:10 or 4:3 on 16:9 screen). Also reproducible on Safari Technology Preview 190. 2020964 3 webkit-bug-importer 2024-03-14 03:09:13 -0700 <rdar://problem/124607137> 2020971 4 youennf 2024-03-14 03:39:28 -0700 Also might need https://bugs.webkit.org/show_bug.cgi?id=270568. *** This bug has been marked as a duplicate of bug 269961 ***