Coder Social home page Coder Social logo

Comments (10)

lienista avatar lienista commented on June 2, 2024 1

@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.

from basic-video-broadcasting.

svhen avatar svhen commented on June 2, 2024

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

from basic-video-broadcasting.

managuli avatar managuli commented on June 2, 2024

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

from basic-video-broadcasting.

managuli avatar managuli commented on June 2, 2024

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?

from basic-video-broadcasting.

plutoless avatar plutoless commented on June 2, 2024

@managuli could you pls help provide the full logs?

from basic-video-broadcasting.

lienista avatar lienista commented on June 2, 2024

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```

from basic-video-broadcasting.

plutoless avatar plutoless commented on June 2, 2024

seems the issue is resolved

from basic-video-broadcasting.

lienista avatar lienista commented on June 2, 2024

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 ```

from basic-video-broadcasting.

hugoebarboza avatar hugoebarboza commented on June 2, 2024

I have the same issue, anybody fix it ?

from basic-video-broadcasting.

GireshD avatar GireshD commented on June 2, 2024

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

from basic-video-broadcasting.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.