Description
Hello!
I’m having problems with my React application, which runs under NextJS.
This piece of code used to work in the past and I’m not sure when it broke. The problem is the following:
The page is stuck on a black screen whenever I try to use the meeting client.
Browser Console Error
The only messages logged in the console are:
To use gallery view on Chrome/Chromium browsers, SharedArrayBuffer is required.
See for details: https://marketplace.zoom.us/docs/sdk/overview/improve-performance
zoomus-websdk.umd.min.js?17f8:2 pre load wasm success: https://source.zoom.us/2.8.0/lib/av/1501_audio.encode.wasm
zoomus-websdk.umd.min.js?17f8:2 pre load wasm success: https://source.zoom.us/2.8.0/lib/av/1501_video.simd.wasm`
and they don’t tell much.
Which Web Meeting SDK version?
2.8.0
Meeting SDK Code Snippets
This is the code of the page:
const Appointment: NextPage<IAppointmentsPageProps> = ({ zoomInfo }) => {
const router = useRouter();
useEffect(() => {
const zoomMtg = require('@zoomus/websdk').ZoomMtg;
zoomMtg.setZoomJSLib('https://source.zoom.us/2.8.0/lib', '/av');
zoomMtg.preLoadWasm();
zoomMtg.prepareWebSDK();
zoomMtg.i18n.load(router.locale ?? 'en-US');
zoomMtg.i18n.reload(router.locale ?? 'en-US');
zoomMtg.init({
leaveUrl: zoomInfo.leaveUrl,
success: (success: any) => {
zoomMtg.join({
signature: zoomInfo.zoomMeetingSignature,
apiKey: zoomInfo.zoomApiKey,
meetingNumber: zoomInfo.zoomMeetingId,
userName: zoomInfo.username,
passWord: zoomInfo.zoomPassword,
success: (success: any) => {
console.log('join success', success);
},
error: (error: any) => {
console.log('Zoom Join Error', error);
},
});
},
error: (error: any) => {
console.log('Zoom init error', error);
},
});
}, [router.locale, zoomInfo]);
return <></>;
};
The zoomInfo object comes dynamically and contains all of the necessary information.
Troubleshooting Routes
Well, I tried the React sample app and everything works fine, but I couldn’t find any NextJS-related resources. Also, applying the same React guide to a fresh NextJS app npx create-next-app@latest also doesn’t work (but it produces a different error).
Device (please complete the following information):
- Device: Lenovo Thinkpad
- OS: Windows 10
- Browser: Chrome
- Browser Version 106.0.5249.103 (Official Build) (64-bit)
Thank you very much for the help!