Audio not working while screen share in zoom video SDK Web

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)

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

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.

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

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.

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

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

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

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}})

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.

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

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.

Thanks
Vic

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.

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

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.