Audio not working while screen share in zoom video SDK Web

srikanth · January 24, 2024, 4:26am

Description
We are using Zoom Video SDK Web.

Host is starting session from Google Chrome.

Participants also joined.

Host trying to share screen and trying to play a video.

The video is one of content in the same web page.

The audio of the video is not audible for participants.

Which Web Video SDK version?
1.8.10

Device (please complete the following information):

Device: IMAC
OS: macOS Sonoma 14.2.1
Browser: Chrome
Browser Version: 120.0.6099.234 (Official Build) (arm64)

vic.yang · January 24, 2024, 9:05am

Hey @srikanth

Thanks for your feedback.

Are you using the Share ChromeTab panel when starting screen share? Have you selected the “Also share tab audio” option in the share selection window?

Thanks
Vic

srikanth · January 24, 2024, 11:47am

We cannot see the current tab here to select. Even if we select entire screen, participants cant hear the audio of the video being shared by the presenter.

vic.yang · January 25, 2024, 3:53am

Hey @srikanth

From the screenshot, it looks like you are using Chrome on macOS. Currently, sharing the entire system audio is not supported.

Quoted from MDN’s documentation

On Windows and ChromeOS, the entire system audio can be captured when sharing an entire screen. On Linux and macOS, only the audio of a tab can be captured.

Thanks
Vic

srikanth · January 25, 2024, 5:39am

Hi, Our issue is when presenter wants to share current tab (Where our web application is opened), the presenter is unable to view current tab list, please refer to the screenshot. Also if we are sharing the entire screen, still audio is not playing for the viewers. It does not work either in Mac or Windows.

vic.yang · January 26, 2024, 3:13am

Hey @srikanth

Are you trying to share the current tab instead of other Chrome tabs?

In the stream.startShareScreen function, we provide more options, and the controls option is suitable for this.

You can try this:

stream.startShareScreen(video or canvas element,{controls:{preferCurrentTab:true}});

Thanks
Vic

srikanth · January 26, 2024, 2:59pm

Hi Vic,

Appreciate your response.

We have already implemented the your suggestion.

When we click on the “Share Screen” option, we can see “Tab 1” and “Tab 2,” but we are unable to view the current tab in Chrome. Please refer to the screenshot. The current tab contains our web app.

Best Regards,
Srikanth

vic.yang · January 29, 2024, 3:03am

Hey @srikanth

Thanks for letting me know the update.

If you need to share the current tab, you can try specifying the {controls: {preferCurrentTab: true}} option.

Thanks
Vic

srikanth · January 31, 2024, 10:27am

We have implemented as per the document you shared. It is not working. Shared the Code below.

Code:
zoomStream.startShareScreen(document.querySelector(“#course-view-video”), {controls: {preferCurrentTab: true}})

vic.yang · February 1, 2024, 8:02am

Hey @srikanth

Thank you for letting us know the update.

zoomStream.startShareScreen(document.querySelector(“#course-view-video”), {controls: {preferCurrentTab: true}})

We tested the sample app with Chrome, we can share the current tab.

Can you confirm the browser? This option has browser compatibility considerations.

srikanth · February 5, 2024, 12:37pm

Hi,

Kindly find the attached video link for your reference. We have setup your demo project and still unable to find current tab.

Your help will greatly assist as in closure of a major ticket!

Best Regards,
Srikanth

vic.yang · February 6, 2024, 10:20am

Hey @srikanth

Thank you for letting us know the update.

The sample app does not have logic for selecting the current tab. You can modify this line of code to support selecting the current tab.

github.com

zoom/videosdk-web-sample/blob/master/src/feature/video/components/video-footer.tsx#L226


      
              }
            } else if (action === AudioChangeAction.Unmuted) {
              setIsMuted(false);
              if (source === 'passive') {
                message.info('Host unmuted you');
              }
            }
          }, []);
          const onScreenShareClick = useCallback(async () => {
            if (mediaStream?.getShareStatus() === ShareStatus.End && selfShareCanvas) {
              await mediaStream?.startShareScreen(selfShareCanvas, { requestReadReceipt: true });
            }
          }, [mediaStream, selfShareCanvas]);
          
          const onLiveTranscriptionClick = useCallback(async () => {
            if (isDisableCaptions) {
              message.info('Captions has been disable by host.');
            } else if (isStartedLiveTranscription) {
              message.info('Live transcription has started.');
            } else if (!isStartedLiveTranscription) {
              await liveTranscriptionClient?.startLiveTranscription();

Thanks
Vic

srikanth · February 12, 2024, 6:46am

Hi @vic.yang ,

We’ve tried as per the previous instruction, and now we can share the current tab successfully.

Problem 1: However, the options for sharing Window and Entire Tab are not appearing.

Problem 2: When one person shares the current tab, other participants experience an echo in their own voices.

vic.yang · February 15, 2024, 5:11am

Hey @srikanth

Problem 1: However, the options for sharing Window and Entire Tab are not appearing.

This is the behavior of the browser, see the reference for details. MediaDevices: getDisplayMedia() method - Web APIs | MDN

Problem 2: When one person shares the current tab, other participants experience an echo in their own voices.

When you choose preferCurrentTab, did you check the ‘allow tab audio’ option?

If so, it’s possible that the other participants can experience an echo because their audio will play on the current page and then be played back to them via ‘share audio’. Due to the network transmission delay, it may feel like there is an echo.

We are also researching how to avoid this echo issue.

Thanks
Vic

petercox1002 · February 15, 2024, 7:57pm

Experiencing audio issues during screen share on Google Chrome? Consider checking compatibility with Web Video SDK version 1.8.10 and ensure all participants have updated browsers. Also, verifying audio settings and permissions may help resolve the issue.

system · March 17, 2024, 5:57am

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

Topic		Replies	Views
[Web SDK Client View v2.3.5] Other user's audio cannot be heard by the person sharing the screen with Share System Audio enabled Web	12	620	June 18, 2022
[Web SDK 2.3.5] Share screen with shared system audio - audio does not switch to the new Chrome Tab being shared Web	7	1335	May 26, 2022
Audio problem while screen sharing and streaming youtube video Web	2	625	January 21, 2023
Share Screen Audio after i add Registration for SharedArrayBuffers in non-isolated pages on Desktop platforms Web	7	986	January 14, 2022
Unable to hear Audio While Screen Sharing In Zoom SDK Android	2	757	February 23, 2022

Related Topics