Can't start recording in client View

Description
I’m working on an e-learning site. We are creating zoom meeting inside courses trough zoom meeting API. That part is working fine. But when I start a meeting on the website as host (role in signeture is 1) with clientView, it displays the recording option but the button does nothing. When we create the meeting with autmatic recording enabled on the cloud, the meeting starts end the recording is on, but i can only pause recording and can’t resume after.

Browser Console Error
Here is the debug console messages:

  • The only error i got is a type error in zoom-meeting-2.2.0.min.js, but I dont know it is related to this issue.

zoom-meeting-2.2.0.min.js:2 ################# states: ,true,true,true
zoom-meeting-2.2.0.min.js:2 @ UI audio rules: ,true,true,false
zoom-meeting-2.2.0.min.js:2 @ UI video rules: ,true
zoom-meeting-2.2.0.min.js:2 INIT, isAudioConnected, isMicUnmuted, isVideoStarted,true,true,true
zoom-meeting-2.2.0.min.js:2 pre load wasm success:
zoom-meeting-2.2.0.min.js:2 pre load wasm success:
zoom-meeting-2.2.0.min.js:2 [Deprecation] The ScriptProcessorNode is deprecated. Use AudioWorkletNode instead.
e @ zoom-meeting-2.2.0.min.js:2
g @ zoom-meeting-2.2.0.min.js:2
v @ zoom-meeting-2.2.0.min.js:2
h @ zoom-meeting-2.2.0.min.js:2
k @ zoom-meeting-2.2.0.min.js:2
Promise.then (async)
w @ zoom-meeting-2.2.0.min.js:2
(anonymous) @ zoom-meeting-2.2.0.min.js:2
(anonymous) @ zoom-meeting-2.2.0.min.js:2
qi @ react-dom.min.js:130
ui @ react-dom.min.js:133
(anonymous) @ react-dom.min.js:158
unstable_runWithPriority @ react.min.js:27
Vc @ react-dom.min.js:158
Sc @ react-dom.min.js:158
Z @ react-dom.min.js:156
Zg @ react-dom.min.js:159
notify @ zoom-meeting-2.2.0.min.js:2
t.notifyNestedSubs @ zoom-meeting-2.2.0.min.js:2
t.handleChangeWrapper @ zoom-meeting-2.2.0.min.js:2
a @ redux.min.js:1
(anonymous) @ redux-thunk.min.js:1
(anonymous) @ redux.min.js:1
value @ zoom-meeting-2.2.0.min.js:2
x @ zoom-meeting-2.2.0.min.js:2
init @ zoom-meeting-2.2.0.min.js:2
(anonymous) @ 13:509
k @ front.min.js?a9e273505cc5dcc2262b2fda426e3bdd:4
fireWith @ front.min.js?a9e273505cc5dcc2262b2fda426e3bdd:4
ready @ front.min.js?a9e273505cc5dcc2262b2fda426e3bdd:4
g @ front.min.js?a9e273505cc5dcc2262b2fda426e3bdd:2
zoom-meeting-2.2.0.min.js:2 InputMicDetector is listening
zoom-meeting-2.2.0.min.js:2 Action is triggered and the result is
zoom-meeting-2.2.0.min.js:2 lib state => isAudioConnected,true
zoom-meeting-2.2.0.min.js:2 lib state => isMicUnmuted,true
zoom-meeting-2.2.0.min.js:2 lib state => isVideoStarted,
zoom-meeting-2.2.0.min.js:2 End
zoom-meeting-2.2.0.min.js:2 Action is triggered and the result is
zoom-meeting-2.2.0.min.js:2 lib state => isAudioConnected,true
zoom-meeting-2.2.0.min.js:2 lib state => isMicUnmuted,true
zoom-meeting-2.2.0.min.js:2 lib state => isVideoStarted,
zoom-meeting-2.2.0.min.js:2 End
zoom-meeting-2.2.0.min.js:2 Action is triggered and the result is
zoom-meeting-2.2.0.min.js:2 lib state => isAudioConnected,true
zoom-meeting-2.2.0.min.js:2 lib state => isMicUnmuted,true
zoom-meeting-2.2.0.min.js:2 lib state => isVideoStarted,true
zoom-meeting-2.2.0.min.js:2 End
zoom-meeting-2.2.0.min.js:2 Action is triggered and the result is
zoom-meeting-2.2.0.min.js:2 lib state => isAudioConnected,true
zoom-meeting-2.2.0.min.js:2 lib state => isMicUnmuted,true
zoom-meeting-2.2.0.min.js:2 lib state => isVideoStarted,true
zoom-meeting-2.2.0.min.js:2 End
zoom-meeting-2.2.0.min.js:2 ############ payload @1st: ,[object Object]
zoom-meeting-2.2.0.min.js:2 Action is triggered and the result is
zoom-meeting-2.2.0.min.js:2 page state => isAudioConnected,true
zoom-meeting-2.2.0.min.js:2 page state => isMicUnmuted,true
zoom-meeting-2.2.0.min.js:2 page state => isVideoStarted,true
zoom-meeting-2.2.0.min.js:2 End
zoom-meeting-2.2.0.min.js:2 @ UI audio rules: ,true,true,false
zoom-meeting-2.2.0.min.js:2 Action is triggered and the result is
zoom-meeting-2.2.0.min.js:2 page state => isAudioConnected,true
zoom-meeting-2.2.0.min.js:2 page state => isMicUnmuted,true
zoom-meeting-2.2.0.min.js:2 page state => isVideoStarted,true
zoom-meeting-2.2.0.min.js:2 End
zoom-meeting-2.2.0.min.js:2 @ UI video rules: ,true
zoom-meeting-2.2.0.min.js:2 Action is triggered and the result is
zoom-meeting-2.2.0.min.js:2 lib state => isAudioConnected,true
zoom-meeting-2.2.0.min.js:2 lib state => isMicUnmuted,true
zoom-meeting-2.2.0.min.js:2 lib state => isVideoStarted,true
zoom-meeting-2.2.0.min.js:2 End
zoom-meeting-2.2.0.min.js:2 TypeError: Cannot read properties of undefined (reading ‘parentNode’)
u @ zoom-meeting-2.2.0.min.js:2
w @ zoom-meeting-2.2.0.min.js:2
(anonymous) @ zoom-meeting-2.2.0.min.js:2
setTimeout (async)
C @ zoom-meeting-2.2.0.min.js:2
join @ zoom-meeting-2.2.0.min.js:2
success @ 13:515
z @ zoom-meeting-2.2.0.min.js:2
value @ zoom-meeting-2.2.0.min.js:2
x @ zoom-meeting-2.2.0.min.js:2
init @ zoom-meeting-2.2.0.min.js:2
(anonymous) @ 13:509
k @ front.min.js?a9e273505cc5dcc2262b2fda426e3bdd:4
fireWith @ front.min.js?a9e273505cc5dcc2262b2fda426e3bdd:4
ready @ front.min.js?a9e273505cc5dcc2262b2fda426e3bdd:4
g @ front.min.js?a9e273505cc5dcc2262b2fda426e3bdd:2
zoom-meeting-2.2.0.min.js:2 Action is triggered and the result is
zoom-meeting-2.2.0.min.js:2 lib state => isAudioConnected,true
zoom-meeting-2.2.0.min.js:2 lib state => isMicUnmuted,true
zoom-meeting-2.2.0.min.js:2 lib state => isVideoStarted,false
zoom-meeting-2.2.0.min.js:2 End
zoom-meeting-2.2.0.min.js:2 Action is triggered and the result is
zoom-meeting-2.2.0.min.js:2 lib state => isAudioConnected,false
zoom-meeting-2.2.0.min.js:2 lib state => isMicUnmuted,true
zoom-meeting-2.2.0.min.js:2 lib state => isVideoStarted,false
zoom-meeting-2.2.0.min.js:2 End
zoom-meeting-2.2.0.min.js:2 – Ping RWC Success --,auth=aKAiWo_0qnYmM2hOKS8xj6-7kKVtUNRUvCPTiQuZQDM&rwcToken=Y7grXVmOWKJKaTETF2zZbHIARf9rkns344syIcgHBUI&dmz=1
zoom-meeting-2.2.0.min.js:2 – Ping RWC Success --,
zoom-meeting-2.2.0.min.js:2 creatAVSocket
zoom-meeting-2.2.0.min.js:2 >>>>>>>> CREATE JSMEDIASKD INSTANCE <<<<<<<<
zoom-meeting-2.2.0.min.js:2 >>>>>>>>INIT JSMEDIASDK<<<<<<<<
zoom-meeting-2.2.0.min.js:2 initSharingDecode
zoom-meeting-2.2.0.min.js:2 initSharingEncode
zoom-meeting-2.2.0.min.js:2 initVideoDecode
zoom-meeting-2.2.0.min.js:2 initVideoEncode
zoom-meeting-2.2.0.min.js:2 initAudioDecode
zoom-meeting-2.2.0.min.js:2 initAudioEncode
1506_js_media.min.js:1 sharing decode fileURL:
1506_js_media.min.js:1
13:523 {method: ‘join’, status: true, errorCode: 0, errorMessage: null, result: null}
cb433c84-0363-4cba-a05a-6bcb95681f9e:1 ready to start!
ee2c21d5-d27f-4ed5-b1a5-f9cd483e9604:1 ready to start!
77de0bd2-3811-4bcd-9c91-2eefc362dddb:1 ready to dec video!
26d25541-8a33-4b1e-8495-f5f5eb8d1857:1 ready to dec video!
cb433c84-0363-4cba-a05a-6bcb95681f9e:1 JsAudioDec.js receive startMedia
cb433c84-0363-4cba-a05a-6bcb95681f9e:1 Open_Audio_WebSocket_Connect
ee2c21d5-d27f-4ed5-b1a5-f9cd483e9604:1 JsAudioDec.js receive startMedia
ee2c21d5-d27f-4ed5-b1a5-f9cd483e9604:1 Open_Audio_WebSocket_Connect
ab2cce39-3df6-4018-8696-b8c0a08bb327:1 Open_Sharing_WebSocket_Connect
2fd2d40f-6e36-4246-abdb-04c282610800:1 Open_Sharing_WebSocket_Connect
77de0bd2-3811-4bcd-9c91-2eefc362dddb:1 Open_Video_WebSocket_Connect
26d25541-8a33-4b1e-8495-f5f5eb8d1857:1 Open_Video_WebSocket_Connect
77de0bd2-3811-4bcd-9c91-2eefc362dddb:1 consume interval 3

Which Web Meeting SDK version?
2.2.0

Meeting SDK Code Snippets

    <script type="text/javascript">

    $(document).ready(function () {

        ZoomMtg.preLoadWasm();
        ZoomMtg.prepareWebSDK();

// loads language files, also passes any error messages to the ui
ZoomMtg.i18n.load(‘en-US’);
ZoomMtg.i18n.reload(‘en-US’);

        ZoomMtg.setZoomJSLib('https://source.zoom.us/2.2.0/lib', '/av');

        ZoomMtg.record({
            record: true
        });

        ZoomMtg.showRecordFunction({
            show: true
        });

        var leaveUrl = 'https://academy.ijf.org/zoom/scheduled-meetings'

        ZoomMtg.init({
                    leaveUrl: leaveUrl,
                    debug: true,
                    disableCORP: false,
                    success: function(success){

                        ZoomMtg.join({
                            apiKey: "{APY_KEY}",
                            signature: "{SIGNATURE}",
                            meetingNumber: {MEETING_NUMBER},
                            passWord: "123456",
                            userName: "John Doe",
                            userEmail: "",
                            success: function(success) {
                                console.log(success);
                            },
                            error: function(error) {
                                console.log(error);
                            }
                        })
                    },
                    error: function(error) {
                        console.log(error)
                    }
        });



                });


</script>

Device (please complete the following information):

  • Device: Windows PC (Intel(R) Core™ i5-10500 CPU)
  • OS: Windows 10 Pro 21H2
  • Browser: Chrome
  • Browser Version 98.0.4758.82 (Official Build) (x64)]

Hi, @ijf,

Thank you for posting in the Developer Forum – I am happy to help. First, can you verify if the described behavior happens when testing outside of your current implementation? Without knowing too much about your project, or its dependence, my best suggestion is to test again with our Sample Web version 2.3.0. Then I’ll be able to tell if it’s something broken on our side, and work with our developers on it. If not, then it’s possible there’s something specific to your setup.

Be sure to test with SharedArrayBuffer enabled when testing , you can check out our Cors guide below :

Let me know if you have any questions about this.

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