Bug 254652 – When using applyConstraints, a green screen appears for screen sharing

• Status: REOPENED
• Component: WebRTC

[shuming]

Steps to reproduce the problem:

const stream = await navigator.mediaDevices.getDisplayMedia({
   video: true,
   audio: false,
});
const screenTrack = stream.getVideoTracks()[0];
// $("localVideo") === video tag
$("localVideo").srcObject = new MediaStream([screenTrack]);
$("localVideo").play();
try {
   screenTrack.applyConstraints({
      height: 480,
   });
} catch (error) {
   console.error(error);
}


Safari version: 16.3
OS Version: 13.2.1 (22D68) Ventura


Currently measured 16.2-16.4 are reproduced and in Ventura system, in other systems normal, it seems to be Ventura system bugs

[Radar WebKit Bug Importer]

<rdar://problem/107359693>

[youenn fablet]

https://jsfiddle.net/ctea73ns/ seems to work for me in Safari 16.4 and macOS 13.3.
@shuming, can you check?
Marking as configuration changed, please reopen if you can reproduce in latest macOS.

[shuming]

(In reply to youenn fablet from comment #2)
> https://jsfiddle.net/ctea73ns/ seems to work for me in Safari 16.4 and macOS
> 13.3.
> @shuming, can you check?
> Marking as configuration changed, please reopen if you can reproduce in
> latest macOS.

I have some problems with the restore step, I need to execute applyConstraints after the end of play;
like this:
https://jsfiddle.net/ltsg0317/0tu2b81L/2/

[youenn fablet]

Oh I see, when you are talking about green screen, is it a a very thin green rectangle?
Can you upload a screenshot so that I validate that I am reproducing what you are seeing?

[shuming]

(In reply to youenn fablet from comment #4)
> Oh I see, when you are talking about green screen, is it a a very thin green
> rectangle?
> Can you upload a screenshot so that I validate that I am reproducing what
> you are seeing?

Thank you for your reply, the picture has been replied to in the mailbox, if not received can also be seen through the link below: 

https://res.cloudinary.com/dhx2zug13/image/upload/v1680144889/webkit/uzhikbvmuwkqglcvclbd.png

[youenn fablet]

Thanks shaming, I was not able to reproduce the full green rectangle.
Did you validate on macOS 13.3?
Can you provide a sysdiagnose and send it directly to me ([e-mail])?

[shuming]

(In reply to youenn fablet from comment #6)
> Thanks shaming, I was not able to reproduce the full green rectangle.
> Did you validate on macOS 13.3?
> Can you provide a sysdiagnose and send it directly to me ([e-mail])?

I upgraded my macOS system to MacOS 13.3, Safari 16.4, the green screen is gone; but a new problem appeared, when I screen share, after clicking Allow to share window, I can't select the page, only after the upgrade, here is the picture: 

https://res.cloudinary.com/dhx2zug13/image/upload/v1680499660/webkit/jtbnsf68thr9x0wzruk1.png

No matter how I click, it stays like this

> (In reply to youenn fablet from comment #6)
> > Thanks shaming, I was not able to reproduce the full green rectangle.
> > Did you validate on macOS 13.3?
> > Can you provide a sysdiagnose and send it directly to me ([e-mail])?
> 
> I upgraded my macOS system to MacOS 13.3, Safari 16.4, the green screen is
> gone; but a new problem appeared, when I screen share, after clicking Allow
> to share window, I can't select the page, only after the upgrade, here is
> the picture: 
> 
> https://res.cloudinary.com/dhx2zug13/image/upload/v1680499660/webkit/
> jtbnsf68thr9x0wzruk1.png
> 
> No matter how I click, it stays like this

I am able to observe the same bug that's reported here by shuming after the upgrade to 16.4.(In reply to shuming from comment #7)

(In reply to sknth.n from comment #8)
> > (In reply to youenn fablet from comment #6)
> > > Thanks shaming, I was not able to reproduce the full green rectangle.
> > > Did you validate on macOS 13.3?
> > > Can you provide a sysdiagnose and send it directly to me ([e-mail])?
> > 
> > I upgraded my macOS system to MacOS 13.3, Safari 16.4, the green screen is
> > gone; but a new problem appeared, when I screen share, after clicking Allow
> > to share window, I can't select the page, only after the upgrade, here is
> > the picture: 
> > 
> > https://res.cloudinary.com/dhx2zug13/image/upload/v1680499660/webkit/
> > jtbnsf68thr9x0wzruk1.png
> > 
> > No matter how I click, it stays like this
> 
> I am able to observe the same bug that's reported here by shuming after the
> upgrade to 16.4.(In reply to shuming from comment #7)

Full version is 16.4 (18615.1.26.11.23)

Any update on this bug? We are not able to share independent windows because of this problem.