Gallery view not loading which allows user videos + screenshare simultaneously

Description
Gallery view of the Zoom Meeting SDK not loading.
Resulting in video switched off everytime screen share is started.
Implemented : Cross-origin isolation overview
zoom .us/docs/sdk/overview/websdk-gallery-view/#implementing-cross-origin-isolation

FOR FIREFOX : Version 108.0.2 (64-bit)
Validation from firefox console:
typeof SharedArrayBuffer === ‘function’;
true
crossOriginIsolated;
true

FOR CHROME : Version 108.0.5359.125 (Official Build) (64-bit)
Validation from chrome console:
typeof SharedArrayBuffer === ‘function’;
true
crossOriginIsolated;
true
It’s still switching off video when you start the screenshare: tested on firefox and chrome both.

Browser Console Error

FOR FIREFOX : Version 108.0.2 (64-bit)
Your browser doesn’t support gallery view.
To use gallery view, use Chrome/Chromium browsers and SharedArrayBuffer.
See for details: zoom .us/docs/sdk/overview/improve-performance main.js:1:3805762
Unhandled Promise rejection: A mutation operation was attempted on a database that did not allow mutations. ; Zone: ; Task: IDBOpenDBRequest.addEventListener:error ; Value: DOMException: A mutation operation was attempted on a database that did not allow mutations. polyfills.js:1:16093
Uncaught (in promise) DOMException: The play method is not allowed by the user agent or the platform in the current context, possibly because the user denied permission.
pre load wasm success: zoom .us/2.9.0/lib/av/1502_audio.encode.wasm main.js:1:3804596
pre load wasm success: zoom .us/2.9.0/lib/av/1502_video.simd.wasm main.js:1:3804596
GET/localhost /favicon.ico
[HTTP/1.1 404 Not Found 0ms]
SDK_2_9_0_ZOOM_MEETING_ISSUE_DEBUG_CONSOLE_FIREFOX.PNG
SDK_2_9_0_ZOOM_MEETING_ISSUE_FIREFOX.PNG

typeof SharedArrayBuffer === ‘function’;
true
crossOriginIsolated;
true

FOR CHROME : Version 108.0.5359.125 (Official Build) (64-bit)
pre load wasm success: zoom .us/2.9.0/lib/av/1502_audio.encode.wasm
main.js:1 pre load wasm success: zoom. us/2.9.0/lib/av/1502_video.simd.wasm
DevTools failed to load source map: Could not load content for zoom .us/2.9.0/lib/webim.min.js.map: System error: net::ERR_BLOCKED_BY_RESPONSE
typeof SharedArrayBuffer === ‘function’;
true
crossOriginIsolated;
true
SDK_2_9_0_ZOOM_MEETING_ISSUE_DEBUG_CONSOLE_CHROME.PNG
SDK_2_9_0_ZOOM_MEETING_ISSUE_CHROME.PNG

Which Web Meeting SDK version?
Tested on latest master, 2.9.0 and 2.8.0 tags of: Meeting SDK Sample
master - github .com/zoom/meetingsdk-angular-sample
2.8.0 - github .com/zoom/meetingsdk-angular-sample/releases/tag/v2.8.0
2.9.0 - github .com/zoom/meetingsdk-angular-sample/releases/tag/v2.9.0

Meeting SDK Code Snippets
Changed only SDK configuration related codes e.g.:
// setup your signature endpoint here: github .com/zoom/meetingsdk-sample-signature-node.js
signatureEndpoint = ’ localhost :4000’
// This Sample App has been updated to use SDK App type credentials https: //zoom .us/docs/guides/build/sdk-app
sdkKey = ‘ES8psAHRvQPNoV920Ni8Xew0l765Qj7EbviN’
meetingNumber = ‘45XXXXXX76’
role = 1
leaveUrl = ‘localhost :4200’
userName = ‘Dear Guest’
userEmail = ‘cXXXXXXXXXXXd@gmail.com’
passWord = ‘qXXXx3’
// pass in the registrant’s token if your meeting or webinar requires registration. More info here:
// Meetings: .zoom .us/docs/sdk/native-sdks/web/client-view/meetings#join-registered
// Webinars: zoom .us/docs/sdk/native-sdks/web/client-view/webinars#join-registered
registrantToken = ‘’

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

  1. Click on “Join Meeting” button
  2. Click on ‘Join’
  3. Allow permissiongs for Audio/Video etc.
  4. Wait Once Zoom Meeting launched with your video, click OK for to affirm meeting recording (default auto record enabled in account)
  5. Click on screenshare, from pop up select screen OR window
  6. Video stops and screenshare is started as shown in screenshots attached.
    SDK_2_9_0_ZOOM_MEETING_ISSUE_CHROME.PNG
    SDK_2_9_0_ZOOM_MEETING_ISSUE_FIREFOX.PNG

Screenshots
SDK_2_9_0_ZOOM_MEETING_ISSUE_DEBUG_CONSOLE_CHROME.PNG
SDK_2_9_0_ZOOM_MEETING_ISSUE_CHROME.PNG
SDK_2_9_0_ZOOM_MEETING_ISSUE_DEBUG_CONSOLE_FIREFOX.PNG
SDK_2_9_0_ZOOM_MEETING_ISSUE_FIREFOX.PNG
recording link
zoom .us/rec/share/UYw52mJCTnNswC4w6vhCSmd1EKKrLAmdPDI9uV8WKz0Q2CLK3FgAY_ZduLsbfE__.681bXNgxS0LFWlle?startTime=1673530919000
Passcode:
zoom .us/rec/share/UzP73x09srZkz5HVodq3NYQ4nZff-BlX_sp9VO9afZUrG9Jo8h5XGuXxVG9EGKAm.NTpAY51pcXQ0zQTW?startTime=1673531835000
Passcode:
SDK_2_9_0_ZOOM_MEETING_ISSUE_CHROME
SDK_2_9_0_ZOOM_MEETING_ISSUE_DEBUG_CONSOLE_CHROME
SDK_2_9_0_ZOOM_MEETING_ISSUE_DEBUG_CONSOLE_FIREFOX
SDK_2_9_0_ZOOM_MEETING_ISSUE_FIREFOX

Device (please complete the following information):

  • Device:
    Dell Latitude
  • OS: [e.g. macOS 11]
    Windows 10 Pro
  • Browser: [e.g. Chrome]
    FIREFOX : Version 108.0.2 (64-bit)
    CHROME : Version 108.0.5359.125 (Official Build) (64-bit)
  • Browser Version [e.g. 88.0.4324.150 (Official Build) (x86_64)]
    FIREFOX : Version 108.0.2 (64-bit)
    CHROME : Version 108.0.5359.125 (Official Build) (64-bit)
    Additional context

Gallery view Implemented : Cross-origin isolation overview
zoom .us/docs/sdk/overview/websdk-gallery-view/#implementing-cross-origin-isolation

nginx used to fix/enable gallery view: config:
server {
listen 80;
server_name localhost;

    #charset koi8-r;

    #access_log  logs/host.access.log  main;
	
	add_header Strict-Transport-Security "max-age=31536000; includeSubDomains" always;
	add_header X-Frame-Options "SAMEORIGIN" always;
	add_header X-XSS-Protection "1" always;
	add_header X-Content-Type-Options "nosniff" always;
	add_header Access-Control-Allow-Origin * always;
	add_header Cross-Origin-Embedder-Policy "require-corp" always;
	add_header Cross-Origin-Opener-Policy "same-origin" always;
}

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