search

digitallysavvy / group-video-chat

This is a group video chat web app that uses Agora.io
61 stars 32 forks source link

Demo doesnt work #15

Closed CharStiles closed 6 months ago

CharStiles commented 3 years ago

Hi thank you for the tutorial and the information about webrtc. There seems to be a problem with the demo application. I tried running locally and on your demo. I created a new agora.io app id that doesnt need token. what happens is that when another user joins, logs register in the console that someone else has joined but nothing changes on the screeen, i still see just my face in the corner, with the rest of the screen white. this is the console from the point of view from the browser that created the room and joined first 

rror with Permissions-Policy header: Unrecognized feature: 'interest-cohort'.
AgoraRTCSDK-3.3.1.js:2 Creating Audio Context
AgoraRTCSDK-3.3.1.js:2 The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page. https://goo.gl/7K7WLu
(anonymous) @ AgoraRTCSDK-3.3.1.js:2
c @ AgoraRTCSDK-3.3.1.js:2
(anonymous) @ AgoraRTCSDK-3.3.1.js:2
n @ AgoraRTCSDK-3.3.1.js:2
(anonymous) @ AgoraRTCSDK-3.3.1.js:2
n @ AgoraRTCSDK-3.3.1.js:2
(anonymous) @ AgoraRTCSDK-3.3.1.js:2
n @ AgoraRTCSDK-3.3.1.js:2
(anonymous) @ AgoraRTCSDK-3.3.1.js:2
n @ AgoraRTCSDK-3.3.1.js:2
(anonymous) @ AgoraRTCSDK-3.3.1.js:14
n @ AgoraRTCSDK-3.3.1.js:2
(anonymous) @ AgoraRTCSDK-3.3.1.js:2
(anonymous) @ AgoraRTCSDK-3.3.1.js:2
(anonymous) @ AgoraRTCSDK-3.3.1.js:2
(anonymous) @ AgoraRTCSDK-3.3.1.js:2
AgoraRTCSDK-3.3.1.js:2 14:12:41:687 Agora-SDK [DEBUG]: >>> add event listener >>>>
AgoraRTCSDK-3.3.1.js:2 14:12:41:758 Agora-SDK [INFO]: Creating client, MODE: rtc CODEC: vp8
AgoraRTCSDK-3.3.1.js:2 14:12:41:762 Agora-SDK [INFO]: [4B8DE] Adding event handler on stream-published
AgoraRTCSDK-3.3.1.js:2 14:12:41:768 Agora-SDK [INFO]: [4B8DE] Added event handler on stream-published, stream-added, stream-subscribed, peer-leave, mute-audio, unmute-audio, mute-video, unmute-video
AgoraRTCSDK-3.3.1.js:2 14:12:42:630 Agora-SDK [DEBUG]: AudioContext is suspended, auto resume
AgoraRTCSDK-3.3.1.js:2 14:12:42:665 Agora-SDK [DEBUG]: AudioContext resume success
AgoraRTCSDK-3.3.1.js:2 14:12:44:765 Agora-SDK [INFO]: processId: process-6d5885b3-89d6-42b7-8c52-7e0a810fe42f
agora-interface.js:35 AgoraRTC client initialized
AgoraRTCSDK-3.3.1.js:2 14:12:48:594 Agora-SDK [DEBUG]: Flush cached event reporting: 2
AgoraRTCSDK-3.3.1.js:2 14:12:48:594 Agora-SDK [DEBUG]: [4B8DE] Connect to choose_server: https://webrtc2-ap-web-1.agora.io/api/v1, GLOBAL
AgoraRTCSDK-3.3.1.js:2 14:12:48:595 Agora-SDK [DEBUG]: [4B8DE] Connect to choose_server: https://webrtc2-ap-web-2.agoraio.cn/api/v1, CN
AgoraRTCSDK-3.3.1.js:2 14:12:48:716 Agora-SDK [INFO]: [4B8DE] Joining channel: a
AgoraRTCSDK-3.3.1.js:2 14:12:48:717 Agora-SDK [DEBUG]: [4B8DE] register client Channel a Uid 1001
AgoraRTCSDK-3.3.1.js:2 14:12:48:847 Agora-SDK [DEBUG]: [4B8DE] Connected to gateway server
AgoraRTCSDK-3.3.1.js:2 14:12:48:861 Agora-SDK [INFO]: [4B8DE] Join channel a success, join with uid: 1001.
agora-interface.js:133 User 1001 join channel successfully
AgoraRTCSDK-3.3.1.js:2 14:12:48:862 Agora-SDK [DEBUG]: Create stream
AgoraRTCSDK-3.3.1.js:2 14:12:48:865 Agora-SDK [DEBUG]: [1001] Requested access to local media
AgoraRTCSDK-3.3.1.js:2 14:12:48:866 Agora-SDK [DEBUG]: GetUserMedia {"video":{"width":640,"height":480,"frameRate":30},"audio":{}}
AgoraRTCSDK-3.3.1.js:2 14:12:49:915 Agora-SDK [DEBUG]: [1001] User has granted access to local media
AgoraRTCSDK-3.3.1.js:2 14:12:49:915 Agora-SDK [DEBUG]: start vsResHack MediaStream {id: "5J6xfvslzCSve8Fn6Dg7A5iQBzs4rKaw2ns8", active: true, onaddtrack: null, onremovetrack: null, onactive: null, …}
agora-interface.js:151 getUserMedia successfully
AgoraRTCSDK-3.3.1.js:2 14:12:49:917 Agora-SDK [DEBUG]: [1001] play(). local-video undefined
AgoraRTCSDK-3.3.1.js:2 14:12:49:920 Agora-SDK [INFO]: [4B8DE] Publishing stream, uid 1001
AgoraRTCSDK-3.3.1.js:2 [Deprecation] Plan B SDP semantics, which is used when constructing an RTCPeerConnection with {sdpSemantics:"plan-b"}, is a legacy version of the Session Description Protocol that has severe compatibility issues on modern browsers. The standardized SDP format, "unified-plan", has been used by default since M72 (January, 2019). Dropping support for Plan B is targeted for M93 (Canary: July 15, 2021; Stable: August 24, 2021).
p @ AgoraRTCSDK-3.3.1.js:2
m @ AgoraRTCSDK-3.3.1.js:2
A @ AgoraRTCSDK-3.3.1.js:2
L.publish @ AgoraRTCSDK-3.3.1.js:2
c @ AgoraRTCSDK-3.3.1.js:14
F.t._publish @ AgoraRTCSDK-3.3.1.js:14
F.t.publish @ AgoraRTCSDK-3.3.1.js:14
(anonymous) @ agora-interface.js:156
callback @ AgoraRTCSDK-3.3.1.js:2
(anonymous) @ AgoraRTCSDK-3.3.1.js:2
(anonymous) @ AgoraRTCSDK-3.3.1.js:2
(anonymous) @ AgoraRTCSDK-3.3.1.js:2
setTimeout (async)
d @ AgoraRTCSDK-3.3.1.js:2
Promise.then (async)
p @ AgoraRTCSDK-3.3.1.js:2
I @ AgoraRTCSDK-3.3.1.js:2
O.t.init @ AgoraRTCSDK-3.3.1.js:2
createCameraStream @ agora-interface.js:150
(anonymous) @ agora-interface.js:134
callback @ AgoraRTCSDK-3.3.1.js:14
(anonymous) @ AgoraRTCSDK-3.3.1.js:2
(anonymous) @ AgoraRTCSDK-3.3.1.js:14
(anonymous) @ AgoraRTCSDK-3.3.1.js:2
(anonymous) @ AgoraRTCSDK-3.3.1.js:2
n @ AgoraRTCSDK-3.3.1.js:2
e.dispatchEvent @ AgoraRTCSDK-3.3.1.js:2
t.connection.onmessage @ AgoraRTCSDK-3.3.1.js:2
AgoraRTCSDK-3.3.1.js:2 14:12:49:924 Agora-SDK [DEBUG]: [4B8DE] PeerConnection add stream : MediaStream {id: "5J6xfvslzCSve8Fn6Dg7A5iQBzs4rKaw2ns8", active: true, onaddtrack: null, onremovetrack: null, onactive: null, …}
AgoraRTCSDK-3.3.1.js:2 14:12:49:975 Agora-SDK [DEBUG]: [1001] auto resume video element
AgoraRTCSDK-3.3.1.js:2 14:12:49:979 Agora-SDK [DEBUG]: [1001] video dimensions: 640 480
AgoraRTCSDK-3.3.1.js:2 14:12:49:989 Agora-SDK [DEBUG]: [vsResHack] get stream resolution:  640 x 480 MediaStream {id: "5J6xfvslzCSve8Fn6Dg7A5iQBzs4rKaw2ns8", active: true, onaddtrack: null, onremovetrack: null, onactive: null, …}
AgoraRTCSDK-3.3.1.js:2 14:12:49:996 Agora-SDK [DEBUG]: [4B8DE] Receive disconnect message
AgoraRTCSDK-3.3.1.js:2 14:12:49:999 Agora-SDK [ERROR]: [4B8DE] Disconnect from server [{"type":"disconnect"}], attempt to recover [#1] after 1 seconds
AgoraRTCSDK-3.3.1.js:2 14:12:50:0 Agora-SDK [ERROR]: Publish Failed: REQUEST_ABORT
AgoraRTCSDK-3.3.1.js:2 14:12:50:0 Agora-SDK [DEBUG]: Flush cached event reporting: 4
agora-interface.js:157 [ERROR] : publish local stream error: REQUEST_ABORT
AgoraRTCSDK-3.3.1.js:2 14:12:51:1 Agora-SDK [DEBUG]: renewSession AB8C04C5817B4C1488BDAB1796D7E833 => 9DD51F30296F41C9B0EA99E5B8D72F48
AgoraRTCSDK-3.3.1.js:2 14:12:51:1 Agora-SDK [DEBUG]: [4B8DE] register client Channel a Uid 1001
AgoraRTCSDK-3.3.1.js:2 14:12:51:1 Agora-SDK [DEBUG]: [4B8DE] Retry current gateway
AgoraRTCSDK-3.3.1.js:2 14:12:51:112 Agora-SDK [DEBUG]: [4B8DE] Connected to gateway server
AgoraRTCSDK-3.3.1.js:2 14:12:51:148 Agora-SDK [INFO]: [4B8DE] User 1001 is re-joined to a
AgoraRTCSDK-3.3.1.js:2 14:12:51:148 Agora-SDK [DEBUG]: [4B8DE] Client local stream preState: 2
AgoraRTCSDK-3.3.1.js:2 14:12:51:979 Agora-SDK [DEBUG]: [1001] Media Player Status Change {type: "player-status-change", playerId: 0, mediaType: "audio", status: "play", reason: "playing", …}
AgoraRTCSDK-3.3.1.js:2 14:12:51:986 Agora-SDK [DEBUG]: [1001] Media Player Status Change {type: "player-status-change", playerId: 0, mediaType: "video", status: "play", reason: "playing", …}
AgoraRTCSDK-3.3.1.js:2 14:13:04:26 Agora-SDK [DEBUG]: [4B8DE] Receive notification:  {action: "quit", code: 2003, detail: "ERR_REPEAT_JOIN", option: ""}
AgoraRTCSDK-3.3.1.js:2 14:13:04:27 Agora-SDK [DEBUG]: [4B8DE] quit gateway
AgoraRTCSDK-3.3.1.js:2 14:13:04:135 Agora-SDK [WARNING]: handleSendError {id: "_request_14", timeoutCounter: 0, stalledAt: 1619979184135, message: {…}, callback: ƒ}
digitallysavvy commented 6 months ago

We’ve updated the code to v4 of the Agora SDK