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:
- Click on “Join Meeting” button
- Click on ‘Join’
- Allow permissiongs for Audio/Video etc.
- Wait Once Zoom Meeting launched with your video, click OK for to affirm meeting recording (default auto record enabled in account)
- Click on screenshare, from pop up select screen OR window
- 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;
}