twilio-video.js icon indicating copy to clipboard operation
twilio-video.js copied to clipboard

Published 20 hours ago • verified publisher icon twilio

DOMException error with no stack trace

Open relentless-coder opened this issue 1 year ago • 0 comments

Hello, I am facing an issue in Firefox.

I launch two versions of our app, one in chrome, and one in firefox. Regardless of whether the firefox client joins first or last, as soon as the video starts the firefox throws an error, but the app keeps functioning.

Uncaught (in promise) DOMException: The object can not be found here.

There is no stack trace.

Here are the logs from twilio

[My Application] 2023-11-03T12:13:41.390Z debug [RemoteVideoTrack #4: undefined] Initializing undefined [useRoom.js:24](https://umuc.localhost.com:4200/Users/ayushbahuguna/Workspace/javascript/campuskudos-web/client-v2/src/containers/VideoChat/components/VideoProvider/useRoom/useRoom.js)
[My Application] 2023-11-03T12:13:41.390Z info [RemoteParticipant #2: PA29f318d6db9bec67bea12a3e85ecbe4e] Added a new VideoTrack: 0169727e-53cf-4b0c-9282-bb767285f871 [useRoom.js:24](https://umuc.localhost.com:4200/Users/ayushbahuguna/Workspace/javascript/campuskudos-web/client-v2/src/containers/VideoChat/components/VideoProvider/useRoom/useRoom.js)
[My Application] 2023-11-03T12:13:41.390Z debug [RemoteParticipant #2: PA29f318d6db9bec67bea12a3e85ecbe4e] VideoTrack: 
Object { kind: "video", name: "camera-1699013347073", isStarted: Getter, mediaStreamTrack: Getter, processedTrack: null, dimensions: {…}, processor: null, isEnabled: Getter, isSwitchedOff: Getter, priority: Getter, … }
[useRoom.js:24](https://umuc.localhost.com:4200/Users/ayushbahuguna/Workspace/javascript/campuskudos-web/client-v2/src/containers/VideoChat/components/VideoProvider/useRoom/useRoom.js)
[My Application] 2023-11-03T12:13:41.394Z debug [RemoteVideoTrack #4: MTb8a08eaef1299fde80c05d8db5f9e38d] Attempting to attach to element: 
<video style="object-fit: cover; width: 100%; height: 100%;">
[useRoom.js:24](https://umuc.localhost.com:4200/Users/ayushbahuguna/Workspace/javascript/campuskudos-web/client-v2/src/containers/VideoChat/components/VideoProvider/useRoom/useRoom.js)
[My Application] 2023-11-03T12:13:41.403Z debug [RemoteVideoTrack #4: MTb8a08eaef1299fde80c05d8db5f9e38d] Attempting to attach to element: 
<video style="object-fit: cover; width: 100%; height: 100%;">
[useRoom.js:24](https://umuc.localhost.com:4200/Users/ayushbahuguna/Workspace/javascript/campuskudos-web/client-v2/src/containers/VideoChat/components/VideoProvider/useRoom/useRoom.js)
[My Application] 2023-11-03T12:13:41.411Z debug [RemoteVideoTrack #4: MTb8a08eaef1299fde80c05d8db5f9e38d] Attempting to attach to element: 
<video style="object-fit: cover; width: 100%; height: 100%;">
[useRoom.js:24](https://umuc.localhost.com:4200/Users/ayushbahuguna/Workspace/javascript/campuskudos-web/client-v2/src/containers/VideoChat/components/VideoProvider/useRoom/useRoom.js)
[My Application] 2023-11-03T12:13:41.414Z debug [RemoteAudioTrack #5: undefined] Initializing undefined [useRoom.js:24](https://umuc.localhost.com:4200/Users/ayushbahuguna/Workspace/javascript/campuskudos-web/client-v2/src/containers/VideoChat/components/VideoProvider/useRoom/useRoom.js)
[My Application] 2023-11-03T12:13:41.414Z info [RemoteParticipant #2: PA29f318d6db9bec67bea12a3e85ecbe4e] Added a new AudioTrack: 2a7c2b60-57a7-4f00-93b7-ac49bac63855 [useRoom.js:24](https://umuc.localhost.com:4200/Users/ayushbahuguna/Workspace/javascript/campuskudos-web/client-v2/src/containers/VideoChat/components/VideoProvider/useRoom/useRoom.js)
[My Application] 2023-11-03T12:13:41.414Z debug [RemoteParticipant #2: PA29f318d6db9bec67bea12a3e85ecbe4e] AudioTrack: 
Object { kind: "audio", name: "5e140a5b-7268-4135-92d3-fb12180da412", isStarted: Getter, mediaStreamTrack: Getter, processedTrack: null, isEnabled: Getter, isSwitchedOff: Getter, priority: Getter, sid: "MT9628cd6cf28e6c8d13a2fdf917affe88", … }
[useRoom.js:24](https://umuc.localhost.com:4200/Users/ayushbahuguna/Workspace/javascript/campuskudos-web/client-v2/src/containers/VideoChat/components/VideoProvider/useRoom/useRoom.js)
[My Application] 2023-11-03T12:13:41.419Z debug [RemoteAudioTrack #5: MT9628cd6cf28e6c8d13a2fdf917affe88] Attempting to attach to element: 
<audio>
[useRoom.js:24](https://umuc.localhost.com:4200/Users/ayushbahuguna/Workspace/javascript/campuskudos-web/client-v2/src/containers/VideoChat/components/VideoProvider/useRoom/useRoom.js)
[My Application] 2023-11-03T12:13:41.422Z debug [RemoteAudioTrack #5: MT9628cd6cf28e6c8d13a2fdf917affe88] Attempting to attach to element: 
<audio>
[useRoom.js:24](https://umuc.localhost.com:4200/Users/ayushbahuguna/Workspace/javascript/campuskudos-web/client-v2/src/containers/VideoChat/components/VideoProvider/useRoom/useRoom.js)
[My Application] 2023-11-03T12:13:41.440Z debug [RemoteAudioTrack #5: MT9628cd6cf28e6c8d13a2fdf917affe88] Started undefined [useRoom.js:24](https://umuc.localhost.com:4200/Users/ayushbahuguna/Workspace/javascript/campuskudos-web/client-v2/src/containers/VideoChat/components/VideoProvider/useRoom/useRoom.js)
[My Application] 2023-11-03T12:13:41.446Z debug [TwilioConnection #1: wss://global.vss.twilio.com/signaling] Outgoing: {"body":{"session":"a2e8b40a361ff2feac794fdbc22655be12437aa3cdd486fab3781dc493a0558d69ad53872c9984e60349158b00a5983a5ed52f6406ed2ab332151226b269ebba","type":"update","version":2,"peer_connections":[{"description":{"type":"answer","revision":2,"sdp":"v=0\r\no=mozilla...THIS_IS_SDPARTA-99.0 7125888037468330120 1 IN IP4 0.0.0.0\r\ns=-\r\nt=0 0\r\na=fingerprint:sha-256 6E:5C:A4:7B:06:F6:EA:E4:14:95:E9:44:E5:DE:B3:2B:25:1B:6C:09:A1:06:4E:BD:4E:30:EE:C0:4D:35:3E:8B\r\na=group:BUNDLE 0 1 2 3 video0 audio0\r\na=ice-options:trickle\r\na=msid-semantic:WMS *\r\nm=audio 55629 UDP/TLS/RTP/SAVPF 109 0\r\nc=IN IP4 192.168.29.147\r\na=candidate:0 1 UDP 2122252543 2405:201:682c:590a:4c10:f385:2b4d:3e03 55479 typ host\r\na=candidate:3 1 UDP 2122187007 192.168.29.147 55629 typ host\r\na=candidate:6 1 TCP 2105524479 2405:201:682c:590a:4c10:f385:2b4d:3e03 9 typ host tcptype active\r\na=candidate:8 1 TCP 2105458943 192.168.29.147 9 typ host tcptype active\r\na=sendonly\r\na=extmap:1 urn:ietf:params:rtp-hdrext:ssrc-audio-level\r\na=fmtp:109 maxplaybackrate=48000;stereo=1;useinbandfec=1\r\na=ice-pwd:933aa4f02f91e8325cdae70d13991b78\r\na=ice-ufrag:7b74be62\r\na=mid:0\r\na=msid:- {219803d2-c582-49f3-b656-94999917fd6c}\r\na=rtcp-mux\r\na=rtpmap:109 opus/48000/2\r\na=rtpmap:0 PCMU/8000\r\na=setup:passive\r\na=ssrc:93596013 cname:{9f3c787d-2f50-4f31-8a3b-420795041abb}\r\nm=audio 9 UDP/TLS/RTP/SAVPF 109 0\r\nc=IN IP4 0.0.0.0\r\na=sendonly\r\na=extmap:1 urn:ietf:params:rtp-hdrext:ssrc-audio-level\r\na=fmtp:109 maxplaybackrate=48000;stereo=1;useinbandfec=1\r\na=ice-pwd:933aa4f02f91e8325cdae70d13991b78\r\na=ice-ufrag:7b74be62\r\na=mid:1\r\na=msid:- {a849effa-ede3-48e5-92bb-d89a8956a4b6}\r\na=rtcp-mux\r\na=rtpmap:109 opus/48000/2\r\na=rtpmap:0 PCMU/8000\r\na=setup:passive\r\na=ssrc:398978423 cname:{9f3c787d-2f50-4f31-8a3b-420795041abb}\r\nm=video 9 UDP/TLS/RTP/SAVPF 120 126\r\nc=IN IP4 0.0.0.0\r\na=sendonly\r\na=extmap:7 http://www.ietf.org/id/draft-holmer-rmcat-transport-wide-cc-extensions-01\r\na=extmap:4 http://www.webrtc.org/experiments/rtp-hdrext/abs-send-time\r\na=fmtp:126 profile-level-id=42e01f;level-asymmetry-allowed=1;packetization-mode=1\r\na=fmtp:120 max-fs=12288;max-fr=60\r\na=ice-pwd:933aa4f02f91e8325cdae70d13991b78\r\na=ice-ufrag:7b74be62\r\na=mid:2\r\na=msid:- {1ce19122-4866-4f73-8f5e-572d072a580e}\r\na=rtcp-fb:120 nack\r\na=rtcp-fb:120 nack pli\r\na=rtcp-fb:120 ccm fir\r\na=rtcp-fb:120 goog-remb\r\na=rtcp-fb:120 transport-cc\r\na=rtcp-fb:126 nack\r\na=rtcp-fb:126 nack pli\r\na=rtcp-fb:126 ccm fir\r\na=rtcp-fb:126 goog-remb\r\na=rtcp-fb:126 transport-cc\r\na=rtcp-mux\r\na=rtcp-rsize\r\na=rtpmap:120 VP8/90000\r\na=rtpmap:126 H264/90000\r\na=setup:passive\r\na=ssrc:3845177041 cname:{9f3c787d-2f50-4f31-8a3b-420795041abb}\r\nm=application 9 UDP/DTLS/SCTP webrtc-datachannel\r\nc=IN IP4 0.0.0.0\r\na=sendrecv\r\na=ice-pwd:933aa4f02f91e8325cdae70d13991b78\r\na=ice-ufrag:7b74be62\r\na=mid:3\r\na=setup:passive\r\na=sctp-port:5000\r\na=max-message-size:1073741823\r\nm=video 9 UDP/TLS/RTP/SAVPF 120\r\nc=IN IP4 0.0.0.0\r\na=recvonly\r\na=extmap:7 http://www.ietf.org/id/draft-holmer-rmcat-transport-wide-cc-extensions-01\r\na=extmap:4 http://www.webrtc.org/experiments/rtp-hdrext/abs-send-time\r\na=fmtp:120 max-fs=12288;max-fr=60\r\na=ice-pwd:933aa4f02f91e8325cdae70d13991b78\r\na=ice-ufrag:7b74be62\r\na=mid:video0\r\na=rtcp-fb:120 nack\r\na=rtcp-fb:120 nack pli\r\na=rtcp-fb:120 ccm fir\r\na=rtcp-fb:120 goog-remb\r\na=rtcp-fb:120 transport-cc\r\na=rtcp-mux\r\na=rtcp-rsize\r\na=rtpmap:120 VP8/90000\r\na=setup:passive\r\na=ssrc:3119863107 cname:{9f3c787d-2f50-4f31-8a3b-420795041abb}\r\nm=audio 9 UDP/TLS/RTP/SAVPF 109\r\nc=IN IP4 0.0.0.0\r\na=recvonly\r\na=extmap:1 urn:ietf:params:rtp-hdrext:ssrc-audio-level\r\na=fmtp:109 maxplaybackrate=48000;stereo=1;useinbandfec=1\r\na=ice-pwd:933aa4f02f91e8325cdae70d13991b78\r\na=ice-ufrag:7b74be62\r\na=mid:audio0\r\na=rtcp-mux\r\na=rtpmap:109 opus/48000/2\r\na=setup:passive\r\na=ssrc:3162943570 cname:{9f3c787d-2f50-4f31-8a3b-420795041abb}\r\n"},"id":"87a2716a-f5df-4891-8c4a-86719c58a385"}],"participant":{"revision":5,"tracks":[{"enabled":false,"id":"{a849effa-ede3-48e5-92bb-d89a8956a4b6}","kind":"audio","name":"{515e6543-40d0-4d99-a42f-3c54d3778c09}","priority":"standard"},{"enabled":true,"id":"{1ce19122-4866-4f73-8f5e-572d072a580e}","kind":"video","name":"camera-1699013600133","priority":"low"},{"enabled":true,"id":"ae295a4e-7b85-4fc1-a1f5-93c5c59d87ff","kind":"data","name":"a25e7e86-34d9-42c1-a76d-25c6b96de368","priority":"standard"}]}},"type":"msg"} undefined

Right after this there are 4 instances of the same error

But there is no stack trace and it only happens in Firefox

Software versions:

  • [x] Browser(s): Firefox 119.0 (64-bit)
  • [x] Operating System: MacOS
  • [x] twilio-video.js: 2.28.1
  • [x] Third-party libraries (e.g., Angular, React, etc.): React

relentless-coder avatar Nov 03 '23 12:11 relentless-coder