search

AgoraIO / Basic-Video-Broadcasting

Sample app to join/leave a channel, set the role as a host/audience, mute/unmute, switch between front/rear cameras, and set the video parameters.
MIT License
269 stars 287 forks source link

Invalid gateway client #76

Closed harshitvora closed 3 years ago

harshitvora commented 4 years ago

I'm trying out this project: https://github.com/AgoraIO/Basic-Video-Broadcasting

The Start Live Broadcast prompts a "Media undefined" message.

The console logs this:

Agora-SDK [DEBUG]: [CDA2C] INVALID_GATEWAYCLIENT

svhen commented 4 years ago

Follow this: https://docs.agora.io/en/Agora%20Platform/token?platform=All%20Platforms and run again the project

managuli commented 3 years ago

Getting same issue while running the project. What is the fix?

managuli commented 3 years ago

I'm trying out this project: https://github.com/AgoraIO/Basic-Video-Broadcasting

The Start Live Broadcast prompts a "Media undefined" message.

The console logs this:

Agora-SDK [DEBUG]: [CDA2C] INVALID_GATEWAYCLIENT

Were you able to fix it?

plutoless commented 3 years ago

@managuli could you pls help provide the full logs?

lienista commented 3 years ago

I'm having the same issue


18:30:46:351 Agora-SDK [DEBUG]: 
Object { name: "Firefox", version: "84", os: "Mac OS X" }
 isAPISupport:true AgoraRTCSDK.min.js:171
agora sdk version: 3.0.2 compatible: true rtc-client.js:4
Warning: [JSS] Could not find the referenced rule "checked" in "Component". tiny-warning.esm.js:12
./src/pages/index/index-card.jsx
  Line 142:20:  'checked' is assigned a value but never used                                     no-unused-vars
  Line 160:7:   Anchors must have content and the content must be accessible by a screen reader  jsx-a11y/anchor-has-content webpackHotDevClient.js:120
./src/utils/use-stream.jsx
  Line 1:8:  'React' is defined but never used  no-unused-vars webpackHotDevClient.js:120
./src/utils/use-devices.jsx
  Line 1:8:  'React' is defined but never used  no-unused-vars webpackHotDevClient.js:120
./src/pages/meeting.jsx
  Line 87:6:   React Hook useEffect has a missing dependency: 'mutationCtx'. Either include it or remove the dependency array  react-hooks/exhaustive-deps
  Line 194:9:  'otherStreams' is assigned a value but never used                                                               no-unused-vars webpackHotDevClient.js:120
18:30:50:351 Agora-SDK [INFO]: Creating client, MODE: live CODEC: vp8 AgoraRTCSDK.min.js:171
18:30:50:364 Agora-SDK [INFO]: [DCF58] Adding event handler on connection-state-change AgoraRTCSDK.min.js:171
Warning: [JSS] Could not find the referenced rule "checked" in "Component". tiny-warning.esm.js:12
18:30:50:438 Agora-SDK [INFO]: [DCF58] Leaving channel AgoraRTCSDK.min.js:171
18:30:50:439 Agora-SDK [ERROR]: [DCF58]  INVALID_GATEWAYCLIENT index.js:1406
    e index.js:1406
    e AgoraRTCSDK.min.js:179
    p AgoraRTCSDK.min.js:130
    unregister AgoraRTCSDK.min.js:9677
    leave AgoraRTCSDK.min.js:8355
    leave AgoraRTCSDK.min.js:10872
    leave rtc-client.js:330
    leave rtc-client.js:327
    MeetingPage meeting.jsx:85
    React 5
    unstable_runWithPriority scheduler.development.js:656
    React 9
    unstable_runWithPriority scheduler.development.js:656
    React 5
    unstable_runWithPriority scheduler.development.js:656
    React 6
    unlisten react-router.js:63
    listener history.js:162
    notifyListeners history.js:180
    notifyListeners history.js:179
    setState history.js:573
    push history.js:676
    confirmTransitionTo history.js:152
    push history.js:660
    MeetingPage meeting.jsx:117
18:30:50:439 Agora-SDK [DEBUG]: [DCF58]  INVALID_GATEWAYCLIENT AgoraRTCSDK.min.js:171
18:30:50:439 Agora-SDK [DEBUG]: [DCF58] Client Already in DISCONNECTED status AgoraRTCSDK.min.js:171
18:30:50:439 Agora-SDK [DEBUG]: renewSession undefined => BC8D4E853C6E483E8ECE141F555DB52C AgoraRTCSDK.min.js:171
18:30:50:467 Agora-SDK [INFO]: [DCF58] Added event handler on connection-state-change:connectionStateChanged, stream-published:addStream, stream-added:addRemoteStream, stream-removed:removeStream, peer-leave:removeStreamById, stream-subscribed AgoraRTCSDK.min.js:171
18:30:50:478 Agora-SDK [INFO]: Creating client, MODE: live CODEC: vp8 AgoraRTCSDK.min.js:171
18:30:50:485 Agora-SDK [INFO]: [F3C4B] Adding event handler on connection-state-change AgoraRTCSDK.min.js:171
Warning: [JSS] Could not find the referenced rule "checked" in "Component". tiny-warning.esm.js:12
18:30:50:537 Agora-SDK [INFO]: [F3C4B] Leaving channel AgoraRTCSDK.min.js:171
18:30:50:537 Agora-SDK [ERROR]: [F3C4B]  INVALID_GATEWAYCLIENT index.js:1406
18:30:50:538 Agora-SDK [DEBUG]: [F3C4B]  INVALID_GATEWAYCLIENT AgoraRTCSDK.min.js:171
18:30:50:538 Agora-SDK [DEBUG]: [F3C4B] Client Already in DISCONNECTED status AgoraRTCSDK.min.js:171
18:30:50:538 Agora-SDK [DEBUG]: renewSession undefined => BDEEB293BFF64FB8B4AA5818AE74802F AgoraRTCSDK.min.js:171
18:30:50:561 Agora-SDK [INFO]: [F3C4B] Added event handler on connection-state-change:connectionStateChanged, stream-published:addStream, stream-added:addRemoteStream, stream-removed:removeStream, peer-leave:removeStreamById, stream-subscribed AgoraRTCSDK.min.js:171
The development server has disconnected.
Refresh the page if necessary. webpackHotDevClient.js:65
18:37:14:843 Agora-SDK [INFO]: Creating client, MODE: live CODEC: vp8 AgoraRTCSDK.min.js:171
18:37:14:853 Agora-SDK [INFO]: [67282] Adding event handler on connection-state-change AgoraRTCSDK.min.js:171
Warning: [JSS] Could not find the referenced rule "checked" in "Component". tiny-warning.esm.js:12
18:37:14:912 Agora-SDK [INFO]: [67282] Leaving channel AgoraRTCSDK.min.js:171
18:37:14:912 Agora-SDK [ERROR]: [67282]  INVALID_GATEWAYCLIENT index.js:1406
18:37:14:913 Agora-SDK [DEBUG]: [67282]  INVALID_GATEWAYCLIENT AgoraRTCSDK.min.js:171
18:37:14:913 Agora-SDK [DEBUG]: [67282] Client Already in DISCONNECTED status AgoraRTCSDK.min.js:171
18:37:14:913 Agora-SDK [DEBUG]: renewSession undefined => CFA47E4A8A174EA79560020102EAA656 AgoraRTCSDK.min.js:171
18:37:14:936 Agora-SDK [INFO]: [67282] Added event handler on connection-state-change:connectionStateChanged, stream-published:addStream, stream-added:addRemoteStream, stream-removed:removeStream, peer-leave:removeStreamById, stream-subscribed AgoraRTCSDK.min.js:171
18:37:51:94 Agora-SDK [INFO]: Creating client, MODE: live CODEC: vp8 AgoraRTCSDK.min.js:171
18:37:51:98 Agora-SDK [INFO]: [8F828] Adding event handler on connection-state-change AgoraRTCSDK.min.js:171
Warning: [JSS] Could not find the referenced rule "checked" in "Component". tiny-warning.esm.js:12
18:37:51:142 Agora-SDK [INFO]: [8F828] Leaving channel AgoraRTCSDK.min.js:171
18:37:51:142 Agora-SDK [ERROR]: [8F828]  INVALID_GATEWAYCLIENT index.js:1406
18:37:51:142 Agora-SDK [DEBUG]: [8F828]  INVALID_GATEWAYCLIENT AgoraRTCSDK.min.js:171
18:37:51:142 Agora-SDK [DEBUG]: [8F828] Client Already in DISCONNECTED status AgoraRTCSDK.min.js:171
18:37:51:143 Agora-SDK [DEBUG]: renewSession undefined => AC15F94C690E4BAC96CB01E40129DD8D AgoraRTCSDK.min.js:171
18:37:51:163 Agora-SDK [INFO]: [8F828] Added event handler on connection-state-change:connectionStateChanged, stream-published:addStream, stream-added:addRemoteStream, stream-removed:removeStream, peer-leave:removeStreamById, stream-subscribed AgoraRTCSDK.min.js:171
18:43:09:591 Agora-SDK [INFO]: Creating client, MODE: live CODEC: vp8 AgoraRTCSDK.min.js:171
18:43:09:602 Agora-SDK [INFO]: [4A029] Adding event handler on connection-state-change AgoraRTCSDK.min.js:171
Warning: [JSS] Could not find the referenced rule "checked" in "Component". tiny-warning.esm.js:12
18:43:09:665 Agora-SDK [INFO]: [4A029] Leaving channel AgoraRTCSDK.min.js:171
18:43:09:665 Agora-SDK [ERROR]: [4A029]  INVALID_GATEWAYCLIENT index.js:1406
18:43:09:665 Agora-SDK [DEBUG]: [4A029]  INVALID_GATEWAYCLIENT AgoraRTCSDK.min.js:171
18:43:09:665 Agora-SDK [DEBUG]: [4A029] Client Already in DISCONNECTED status AgoraRTCSDK.min.js:171
18:43:09:665 Agora-SDK [DEBUG]: renewSession undefined => 46507DA0CF3E41118700A8C59E00DA3A AgoraRTCSDK.min.js:171
18:43:09:694 Agora-SDK [INFO]: [4A029] Added event handler on connection-state-change:connectionStateChanged, stream-published:addStream, stream-added:addRemoteStream, stream-removed:removeStream, peer-leave:removeStreamById, stream-subscribed AgoraRTCSDK.min.js:171
18:57:09:322 Agora-SDK [INFO]: Creating client, MODE: live CODEC: vp8 AgoraRTCSDK.min.js:171
18:57:09:334 Agora-SDK [INFO]: [1645F] Adding event handler on connection-state-change AgoraRTCSDK.min.js:171
Warning: [JSS] Could not find the referenced rule "checked" in "Component". tiny-warning.esm.js:12
18:57:09:403 Agora-SDK [INFO]: [1645F] Leaving channel AgoraRTCSDK.min.js:171
18:57:09:403 Agora-SDK [ERROR]: [1645F]  INVALID_GATEWAYCLIENT index.js:1406
18:57:09:404 Agora-SDK [DEBUG]: [1645F]  INVALID_GATEWAYCLIENT AgoraRTCSDK.min.js:171
18:57:09:404 Agora-SDK [DEBUG]: [1645F] Client Already in DISCONNECTED status AgoraRTCSDK.min.js:171
18:57:09:404 Agora-SDK [DEBUG]: renewSession undefined => D4BB6A8C71C542239A6204B9974D5F19 AgoraRTCSDK.min.js:171
18:57:09:443 Agora-SDK [INFO]: [1645F] Added event handler on connection-state-change:connectionStateChanged, stream-published:addStream, stream-added:addRemoteStream, stream-removed:removeStream, peer-leave:removeStreamById, stream-subscribed```
lienista commented 3 years ago

@plutoless I figured it out. You need to add dotenv in the list of devDependencies in order to read env files. it seems like the .env file was never read in the first place.

plutoless commented 3 years ago

seems the issue is resolved

lienista commented 2 years ago

i would like to re-open this, there's an issue with this still. 


    at MeetingPage (http://localhost:3001/static/js/main.chunk.js:1770:19)
    at Route (http://localhost:3001/static/js/0.chunk.js:107266:29)
    at Switch (http://localhost:3001/static/js/0.chunk.js:107468:29)
    at Route (http://localhost:3001/static/js/0.chunk.js:107266:29)
    at Switch (http://localhost:3001/static/js/0.chunk.js:107468:29)
    at Router (http://localhost:3001/static/js/0.chunk.js:106897:30)
    at HashRouter (http://localhost:3001/static/js/0.chunk.js:105883:35)
    at BrowserRouterHook (http://localhost:3001/static/js/main.chunk.js:3530:3)
    at App
    at ContainerProvider (http://localhost:3001/static/js/main.chunk.js:2697:3)
    at ThemeProvider (http://localhost:3001/static/js/0.chunk.js:42936:24)
console.<computed> @ index.js:1451
overrideMethod @ react_devtools_backend.js:2528
(anonymous) @ rtc-client.js:256
callback @ AgoraRTCSDK.min.js:18199
(anonymous) @ AgoraRTCSDK.min.js:779
H.t.join @ AgoraRTCSDK.min.js:18263
_client.init._joined @ rtc-client.js:231
callback @ AgoraRTCSDK.min.js:17992
(anonymous) @ AgoraRTCSDK.min.js:786
H.t.init @ AgoraRTCSDK.min.js:17998
(anonymous) @ rtc-client.js:210
join @ rtc-client.js:195
(anonymous) @ meeting.jsx:120
commitHookEffectListMount @ react-dom.development.js:19607
commitPassiveHookEffects @ react-dom.development.js:19644
callCallback @ react-dom.development.js:189
invokeGuardedCallbackDev @ react-dom.development.js:238
invokeGuardedCallback @ react-dom.development.js:291
flushPassiveEffectsImpl @ react-dom.development.js:22708
unstable_runWithPriority @ scheduler.development.js:656
runWithPriority$1 @ react-dom.development.js:11076
flushPassiveEffects @ react-dom.development.js:22676
performSyncWorkOnRoot @ react-dom.development.js:21591
(anonymous) @ react-dom.development.js:11130
unstable_runWithPriority @ scheduler.development.js:656
runWithPriority$1 @ react-dom.development.js:11076
flushSyncCallbackQueueImpl @ react-dom.development.js:11125
flushSyncCallbackQueue @ react-dom.development.js:11113
scheduleUpdateOnFiber @ react-dom.development.js:21053
enqueueSetState @ react-dom.development.js:12675
push../node_modules/react/cjs/react.development.js.Component.setState @ react.development.js:464
(anonymous) @ react-router.js:56
listener @ history.js:162
(anonymous) @ history.js:180
notifyListeners @ history.js:179
setState @ history.js:573
(anonymous) @ history.js:676
confirmTransitionTo @ history.js:152
push @ history.js:660
(anonymous) @ meeting.jsx:137
Promise.catch (async)
(anonymous) @ meeting.jsx:135
commitHookEffectListMount @ react-dom.development.js:19607
commitPassiveHookEffects @ react-dom.development.js:19644
callCallback @ react-dom.development.js:189
invokeGuardedCallbackDev @ react-dom.development.js:238
invokeGuardedCallback @ react-dom.development.js:291
flushPassiveEffectsImpl @ react-dom.development.js:22708
unstable_runWithPriority @ scheduler.development.js:656
runWithPriority$1 @ react-dom.development.js:11076
flushPassiveEffects @ react-dom.development.js:22676
(anonymous) @ react-dom.development.js:22555
workLoop @ scheduler.development.js:600
flushWork @ scheduler.development.js:556
performWorkUntilDeadline @ scheduler.development.js:160
Show 10 more frames
AgoraRTCSDK.min.js:357 15:11:15:828 Agora-SDK [INFO]: [6638F] Leaving channel
AgoraRTCSDK.min.js:365 15:11:15:829 Agora-SDK [ERROR]: [6638F]  INVALID_GATEWAYCLIENT
AgoraRTCSDK.min.js:357 15:11:15:830 Agora-SDK [DEBUG]: [6638F]  INVALID_GATEWAYCLIENT
AgoraRTCSDK.min.js:357 15:11:15:830 Agora-SDK [INFO]: [6638F] Client connecting, Leave channel success
AgoraRTCSDK.min.js:357 15:11:15:830 Agora-SDK [DEBUG]: renewSession 31C16C4E03AC40019D92FE264030A02C => 1AE307B363C841D89A54ACE21604486C
2react_devtools_backend.js:2528 Warning: Hash history cannot PUSH the same path; a new entry will not be added to the history stack
overrideMethod @ react_devtools_backend.js:2528
warning @ tiny-warning.esm.js:12
(anonymous) @ history.js:681
confirmTransitionTo @ history.js:152
push @ history.js:660
(anonymous) @ meeting.jsx:137
Promise.catch (async)
(anonymous) @ meeting.jsx:135
commitHookEffectListMount @ react-dom.development.js:19607
commitPassiveHookEffects @ react-dom.development.js:19644
callCallback @ react-dom.development.js:189
invokeGuardedCallbackDev @ react-dom.development.js:238
invokeGuardedCallback @ react-dom.development.js:291
flushPassiveEffectsImpl @ react-dom.development.js:22708
unstable_runWithPriority @ scheduler.development.js:656
runWithPriority$1 @ react-dom.development.js:11076
flushPassiveEffects @ react-dom.development.js:22676
performSyncWorkOnRoot @ react-dom.development.js:21591
(anonymous) @ react-dom.development.js:11130
unstable_runWithPriority @ scheduler.development.js:656
runWithPriority$1 @ react-dom.development.js:11076
flushSyncCallbackQueueImpl @ react-dom.development.js:11125
flushSyncCallbackQueue @ react-dom.development.js:11113
scheduleUpdateOnFiber @ react-dom.development.js:21053
dispatchAction @ react-dom.development.js:15633
toastError @ container.jsx:61
(anonymous) @ meeting.jsx:136
Promise.catch (async)
(anonymous) @ meeting.jsx:135
commitHookEffectListMount @ react-dom.development.js:19607
commitPassiveHookEffects @ react-dom.development.js:19644
callCallback @ react-dom.development.js:189
invokeGuardedCallbackDev @ react-dom.development.js:238
invokeGuardedCallback @ react-dom.development.js:291
flushPassiveEffectsImpl @ react-dom.development.js:22708
unstable_runWithPriority @ scheduler.development.js:656
runWithPriority$1 @ react-dom.development.js:11076
flushPassiveEffects @ react-dom.development.js:22676
(anonymous) @ react-dom.development.js:22555
workLoop @ scheduler.development.js:600
flushWork @ scheduler.development.js:556
performWorkUntilDeadline @ scheduler.development.js:160
react_devtools_backend.js:2528 Warning: Hash history cannot PUSH the same path; a new entry will not be added to the history stack
overrideMethod @ react_devtools_backend.js:2528
warning @ tiny-warning.esm.js:12
(anonymous) @ history.js:681
confirmTransitionTo @ history.js:152
push @ history.js:660
(anonymous) @ meeting.jsx:137
Promise.catch (async)
(anonymous) @ meeting.jsx:135
commitHookEffectListMount @ react-dom.development.js:19607
commitPassiveHookEffects @ react-dom.development.js:19644
callCallback @ react-dom.development.js:189
invokeGuardedCallbackDev @ react-dom.development.js:238
invokeGuardedCallback @ react-dom.development.js:291
flushPassiveEffectsImpl @ react-dom.development.js:22708
unstable_runWithPriority @ scheduler.development.js:656
runWithPriority$1 @ react-dom.development.js:11076
flushPassiveEffects @ react-dom.development.js:22676
performSyncWorkOnRoot @ react-dom.development.js:21591
(anonymous) @ react-dom.development.js:11130
unstable_runWithPriority @ scheduler.development.js:656
runWithPriority$1 @ react-dom.development.js:11076
flushSyncCallbackQueueImpl @ react-dom.development.js:11125
flushSyncCallbackQueue @ react-dom.development.js:11113
scheduleUpdateOnFiber @ react-dom.development.js:21053
enqueueSetState @ react-dom.development.js:12675
push../node_modules/react/cjs/react.development.js.Component.setState @ react.development.js:464
(anonymous) @ react-router.js:56
listener @ history.js:162
(anonymous) @ history.js:180
notifyListeners @ history.js:179
setState @ history.js:573
(anonymous) @ history.js:676
confirmTransitionTo @ history.js:152
push @ history.js:660
(anonymous) @ meeting.jsx:137
Promise.catch (async)
(anonymous) @ meeting.jsx:135
commitHookEffectListMount @ react-dom.development.js:19607
commitPassiveHookEffects @ react-dom.development.js:19644
callCallback @ react-dom.development.js:189
invokeGuardedCallbackDev @ react-dom.development.js:238
invokeGuardedCallback @ react-dom.development.js:291
flushPassiveEffectsImpl @ react-dom.development.js:22708
unstable_runWithPriority @ scheduler.development.js:656
runWithPriority$1 @ react-dom.development.js:11076
flushPassiveEffects @ react-dom.development.js:22676
(anonymous) @ react-dom.development.js:22555
workLoop @ scheduler.development.js:600
flushWork @ scheduler.development.js:556
performWorkUntilDeadline @ scheduler.development.js:160
AgoraRTCSDK.min.js:357 15:11:19:606 Agora-SDK [DEBUG]: [6638F] The time to join the channel is greater than 5 seconds 
AgoraRTCSDK.min.js:861 Uncaught TypeError: Cannot read properties of undefined (reading 'vid')
    at AgoraRTCSDK.min.js:861
(anonymous) @ AgoraRTCSDK.min.js:861
setTimeout (async)
e @ AgoraRTCSDK.min.js:858
m.send @ AgoraRTCSDK.min.js:867
joinChannelTimeOut @ AgoraRTCSDK.min.js:710
(anonymous) @ AgoraRTCSDK.min.js:18225
setTimeout (async)
H.t.join @ AgoraRTCSDK.min.js:18221
_client.init._joined @ rtc-client.js:231
callback @ AgoraRTCSDK.min.js:17992
(anonymous) @ AgoraRTCSDK.min.js:786
H.t.init @ AgoraRTCSDK.min.js:17998
(anonymous) @ rtc-client.js:210
join @ rtc-client.js:195
(anonymous) @ meeting.jsx:120
commitHookEffectListMount @ react-dom.development.js:19607
commitPassiveHookEffects @ react-dom.development.js:19644
callCallback @ react-dom.development.js:189
invokeGuardedCallbackDev @ react-dom.development.js:238
invokeGuardedCallback @ react-dom.development.js:291
flushPassiveEffectsImpl @ react-dom.development.js:22708
unstable_runWithPriority @ scheduler.development.js:656
runWithPriority$1 @ react-dom.development.js:11076
flushPassiveEffects @ react-dom.development.js:22676
(anonymous) @ react-dom.development.js:22555
workLoop @ scheduler.development.js:600
flushWork @ scheduler.development.js:556
performWorkUntilDeadline @ scheduler.development.js:160
AgoraRTCSDK.min.js:357 15:11:20:962 Agora-SDK [DEBUG]: [6638F] The time to join the channel is greater than 5 seconds 
2AgoraRTCSDK.min.js:357 15:11:20:963 Agora-SDK [DEBUG]: [6638F] The time to join the channel is greater than 5 seconds ```
hugoebarboza commented 2 years ago

I have the same issue, anybody fix it ?

GireshD commented 2 years ago

I have same issue. I am using this project https://github.com/AgoraIO-Usecase/Video-Calling/tree/master/OpenDuo-Web