Screen share issue on safari

[ashrakrahman]

I'm facing an issue on safari browser in mac catalina os. I am using twilio reactJs sdk. can anyone help me?

Step to produce the issue :

• join a room with multiple person.
• host is on the mac catalina os.
• host shares his screen.
• host now open a tab and create google meet meeting.
• google meet took camera permission.
• now host goes back to twilio conference tab.
• safari browser tooks camera permission again for twilio conference tab.
• when i give camera permission, other participants are seeing my video, instead of seeing the shared screen.

is this issue meant to be happen? or i have done something wrong?
p.s : this issue arises only in mac catalina os.

[manjeshbhargav]

Hi @ashrakrahman ,

Thanks for writing in with your issue. I will have one of our engineers look into it.

Thanks,

Manjesh

[makarandp0]

Hello @ashrakrahman,

Thank you for reporting this issue, I was able to reproduce this. Looks like this is caused by some workarounds that we had to add to mitigate some iOS Safari issues. I have filed an internal bug to track this issue (VIDEO-3977)

In the meanwhile you can workaround the issue by setting a flag workaroundWebKitBug1208516: false when creating the LocalVideoTrack object associated with the screenshare track. For example:

  const screenStream = await navigator.mediaDevices.getDisplayMedia({
    video: { width: 1920, height: 1080, frameRate: 15 }
  });

  const localTrack = new Video.LocalVideoTrack(screenStream.getTracks()[0], { 
    workaroundWebKitBug1208516: false 
  }); 

Let us know if that fixes the issue, and if you have additional questions.
Thanks,
Makarand