Electron + Component view Screensharing not working

Meeting SDK Electron
1

Description
Screen share not working with @zoomus/websdk/embedded on electron

Which Electron Meeting SDK version?
electron@23.2.2

To Reproduce(If applicable)
Steps to reproduce the behavior:

  1. Join meeting
  2. Click on screen share
  3. Nothing is happening after that, no error on electron app console.

Screenshots
If applicable, add screenshots to help explain your problem.

Troubleshooting Routes
The troubleshooting attempt types you’ve already exhausted, including testing with the appropriate sample app (found on Zoom · GitHub).

Device (please complete the following information):

  • Device: [Apple MacBook Pro (13-inch, M1, 2020)]
  • OS: [macOS Monterey version 12.5 ]

Additional context
I am using react and the componenet view like mentioned here (GitHub - zoom/meetingsdk-react-sample: Use the Zoom Meeting SDK in React), screen sharing is working fine in the browser but it’s not working in the electron app.

2

getting this error on electron console.

[2] [88083:0407/153705.366492:ERROR:dtls_transport.cc(133)] DtlsTransport in connected state has incomplete TLS information

[2] [88083:0407/153705.366608:ERROR:dtls_srtp_transport.cc(215)] No DTLS-SRTP selected crypto suite

[2] [88083:0407/153705.410302:ERROR:dtls_transport.cc(133)] DtlsTransport in connected state has incomplete TLS information

[2] [88083:0407/153705.410341:ERROR:dtls_srtp_transport.cc(215)] No DTLS-SRTP selected crypto suite

[2] [88083:0407/153746.505042:ERROR:dcsctp_transport.cc(489)] DcSctpTransport10->OnError(error=UNSUPPORTED_OPERATION, message=Can’t reset streams as the peer doesn’t support it).

[2] [88083:0407/153746.507239:ERROR:dcsctp_transport.cc(489)] DcSctpTransport11->OnError(error=UNSUPPORTED_OPERATION, message=Can’t reset streams as the peer doesn’t support it).

[2] [88083:0407/153754.196363:ERROR:dtls_transport.cc(133)] DtlsTransport in connected state has incomplete TLS information

[2] [88083:0407/153754.196393:ERROR:dtls_srtp_transport.cc(215)] No DTLS-SRTP selected crypto suite

[2] [88083:0407/153754.218856:ERROR:dtls_transport.cc(133)] DtlsTransport in connected state has incomplete TLS information

[2] [88083:0407/153754.218881:ERROR:dtls_srtp_transport.cc(215)] No DTLS-SRTP selected crypto suite

[2] [88080:0407/153811.815582:ERROR:CONSOLE(2)] “Electron sandboxed_renderer.bundle.js script failed to run”, source: node:electron/js2c/sandbox_bundle (2)

[2] [88080:0407/153811.815626:ERROR:CONSOLE(2)] “TypeError: object null is not iterable (cannot read property Symbol(Symbol.iterator))”, source: node:electron/js2c/sandbox_bundle (2)

[2] [88567:0407/153832.124002:ERROR:dtls_transport.cc(133)] DtlsTransport in connected state has incomplete TLS information

[2] [88567:0407/153832.124038:ERROR:dtls_srtp_transport.cc(215)] No DTLS-SRTP selected crypto suite

[2] [88567:0407/153832.128278:ERROR:dtls_transport.cc(133)] DtlsTransport in connected state has incomplete TLS information

[2] [88567:0407/153832.128312:ERROR:dtls_srtp_transport.cc(215)] No DTLS-SRTP selected crypto suite

^C[2] /Users/aloksharma/Desktop/code/electron/react-electron-app/node_modules/electron/dist/Electron.app/Contents/MacOS/Electron exited with signal SIGINT

3

Hey @aloksharma ,

Can you confirm you approved the screen recording system setting for your electron app ?

-Tommy

4

Hey Tommy,

I wasn’t getting screen share pop up while developing the app, also I packaged the code and installed the app and gave it screen recording permission but screen share is still not working.

I will also share my code to you over dm, could you please take a look on it?

5

I am also sharing the the code, could you please take a look on it and help me understand why screenshare isn’t working with zoom web sdk in electron.

6

Hi Tommy,

It’s looking like a permission issue as you mentioned previously.

I am getting " ‘INVALID_OPERATION’, reason: ‘user deny screen share’ error when using video sdk. So, sceen share is not working for me in both meeting and vide sdk.

Could you please help me understand how can I give permission to the electron app to share screen? I am not getting any prompt which asks me to give permission to my app for screen sharing.

7

Hey @aloksharma ,

That error means the user did not grant system access to share their screen within the browser/electron environment. Checkout this guide: WebRTC Screensharing in electron - Stack Overflow

Best,
Tommy

8

Screen share worked in the Zoom client view SDK on Electron (https://developers.zoom.us/docs/meeting-sdk/web/client-view/) by following these steps.

i) I used the ShareSource mentioned here (meetingsdk-web/index.d.ts at master · zoom/meetingsdk-web · GitHub).

ii ) Passed the desktopCapturer object from electron main process to the react app (desktopCapturer | Electron)

There is no method similar to ShareSource in the component view SDK (https://developers.zoom.us/docs/meeting-sdk/web/component-view/) and Zoom video SDK (https://developers.zoom.us/docs/video-sdk/), so screen share is not currently possible in these two SDKs on Electron

@tommy Could you please confirm my understanding as it might save the time for folks building screen share on Electron apps? Can you please file a feature request if screen sharing is missing on component view and video sdk?

9

Confirmed with Tommy offline that Zoom has not yet developed this for Video SDK and Component View.

10

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.