Web Meeting SDK version 1.9.9, not able to view host video and Gallery view

Description
I have downloaded and run the application,
Link : GitHub - zoom/meetingsdk-sample-angular: Use the Zoom Meeting SDK in an Angular App
In above application contains web meeting sdk version is 1.9.9 and I’m facing couple of issue.
Issue mention below,
One is no host video and another is Gallery View missing.

Error

  1. No host Video is there.
  2. There is no option to view ‘Gallery View’.

Which Web Meeting SDK version?

Web Meeting SDK version 1.9.9

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

  1. download the app from link, GitHub - zoom/meetingsdk-sample-angular: Use the Zoom Meeting SDK in an Angular App
  2. Run the application.
  3. Add multiple participants.
  4. See issue, Missing host video and Gallery View

Screenshots

Device (please complete the following information):

  • Device: Laptop
  • OS: Windows
  • Browser: Chrome
  • Browser Version 94.0.4606.71 (Official Build) (64-bit)

@tommy
Help me with there is production issue and I have to resolve it.

You have to enable web cross-origin isolation, you can follow the step in here https://marketplace.zoom.us/docs/sdk/overview/improve-performance

1 Like

@ DeniJSa
But I’m using web sdk, so where can I Implementing Cross-Origin Isolation as mention in link given by you.
Any specific code and where to add.
It will helpful.

you cant put it in file index.html, inside src folder

If you share some code snippets it will helpful.
As a I mention I’m using WEB SDK so there is some confusion please help me out.

@donte.S Can you help me with this.

Hey @agus.wiranata I saw your post Getting Blank screen on self Video and looks closed.

I’m facing the same issue if possible to can you help me to figure it out, How you did Cross-Origin Isolation your webpage.

Thank you in advance.

Hey @vbhosale,

as you read in the post, I solved it by adding some response headers related to cross origin access in the web config.

if you are using the iis web server, then just follow the steps I explained in the post.

image

For a more detailed explanation, you can read here : https://web.dev/coop-coep/

Hey @agus.wiranata thanks for the reply.

For IIS I got this, but my concern is for any html file or as you mention web config, can you please provide the code snippets for this.

I’ve created angular application for this.

@vbhosale

image

I hope this fulfills what you expect

1 Like

Hey @vbhosale ,

Here is where you can place your SharedArrayBuffer token:

Thanks for your suggestions @agus.wiranata , @DeniJSa ! :slight_smile:

Let me know if you have any questions!

-Tommy

@agus.wiranata thanks for this I’ll implement and check it.

1 Like

@tommy thanks for this this is temporary solution right? and I want to fix this permanently by Isolation web page.
@agus.wiranata has provided one solution I’ll update here accordingly.

1 Like

Hey @vbhosale ,

Yes, Cross Origin Isolation would be the permanent fix.

Thanks,
Tommy

@agus.wiranata , thanks for web config code snippets it works fine for me. Thanks once again.
But there is one issue, I’m using IFrame there so in normal window it is working totally fine, but when same application opens with/ from IFrame Gallery View and Host video is visible.
If possible can you help me with this.

1 Like

@tommy Thanks for the replay and info.

I’m using IFrame there so in normal window it is working totally fine, but when same application opens with/ from IFrame Gallery View and Host video is visible.
If possible can you help me with this.

@tommy for “Cross Origin Isolation” do we need to set SharedArrayBuffer to true, if yes can you tell me where and how to set

Hey @vbhosale ,

You can use one or the other. Not both. :slight_smile:

Unfortunately embedding the Web SDK’s into an iFrame is not currently supported.

Thanks,
Tommy

Got this same issue and tried this method too but not working :frowning: . I attach this link to my website and user join the meeting from there.