play warning: DOMException: The play() request was interrupted by a call to pause()

[sukesh-pfx]

Hi
I have been facing this issue more frequently. I tried to look at the issue in google but nothing helps.
is there any workaround to fix this issue?

Steps to reproduce
1.Join video call from the web
2.Join from React-Native app
3.Toggle Video from react native app (setEnabled to false then setEnabled to true)
4.Video is not rendering in web

This is my log on web
10:35:21:70 Agora-SDK [DEBUG]: [client-6e26a] receive mute message 8626ad97-794c-4f9d-8e45-f1e4fe43a318 video true AgoraRTC_N-production.js:394 10:35:21:72 Agora-SDK [DEBUG]: [client-6e26a] user-info-update, uid: 8626ad97-794c-4f9d-8e45-f1e4fe43a318, msg: mute-video AgoraRTC_N-production.js:394 10:35:21:74 Agora-SDK [DEBUG]: [client-6e26a-sub-2] update subscribe options [a: true, v: true] -> [a: true, v: false] AgoraRTC_N-production.js:394 10:35:21:76 Agora-SDK [INFO]: [track-track-43c580ea] is destroyed AgoraRTC_N-production.js:394 10:35:21:86 Agora-SDK [DEBUG]: [track-track-43c580ea] stop video playback AgoraRTC_N-production.js:394 10:35:21:88 Agora-SDK [INFO]: [client-6e26a] remote user 8626ad97-794c-4f9d-8e45-f1e4fe43a318 unpublished video AgoraRTC_N-production.js:394 10:35:21:163 Agora-SDK [DEBUG]: [track-43c580ea] video-element-status change playing => abort AgoraRTC_N-production.js:394 10:35:21:164 Agora-SDK [DEBUG]: [track-43c580ea] video-element-status change abort => emptied AgoraRTC_N-production.js:394 10:35:45:194 Agora-SDK [DEBUG]: [client-6e26a] receive mute message 8626ad97-794c-4f9d-8e45-f1e4fe43a318 video false AgoraRTC_N-production.js:394 10:35:45:195 Agora-SDK [DEBUG]: [client-6e26a] user-info-update, uid: 8626ad97-794c-4f9d-8e45-f1e4fe43a318, msg: unmute-video AgoraRTC_N-production.js:394 10:35:45:195 Agora-SDK [INFO]: [client-6e26a] remote user 8626ad97-794c-4f9d-8e45-f1e4fe43a318 published video AgoraRTC_N-production.js:394 10:35:45:196 Agora-SDK [INFO]: [client-6e26a] subscribe user 8626ad97-794c-4f9d-8e45-f1e4fe43a318, mediaType: video AgoraRTC_N-production.js:394 10:35:45:196 Agora-SDK [DEBUG]: [lock-sub-8626ad97-794c-4f9d-8e45-f1e4fe43a318-10] is locked, current queue 1. AgoraRTC_N-production.js:394 10:35:45:197 Agora-SDK [DEBUG]: [client-6e26a-sub-2] update subscribe options [a: true, v: false] -> [a: true, v: true] AgoraRTC_N-production.js:394 10:35:45:197 Agora-SDK [DEBUG]: [client-6e26a-sub-2] emit pc ontrack after subscribe video MediaStreamTrack {kind: "video", id: "ad3e82f2-ec0f-42d3-aa99-055c35d8c168", label: "ad3e82f2-ec0f-42d3-aa99-055c35d8c168", enabled: true, muted: true, …} AgoraRTC_N-production.js:394 10:35:45:200 Agora-SDK [INFO]: [client-6e26a-sub-2] create remote video track: track-a5428275 AgoraRTC_N-production.js:394 10:35:45:201 Agora-SDK [DEBUG]: [client-6e26a] send subscribe change, audio: true, video: true AgoraRTC_N-production.js:394 10:35:45:311 Agora-SDK [DEBUG]: [lock-sub-8626ad97-794c-4f9d-8e45-f1e4fe43a318-10] is not locked, current queue 0. AgoraRTC_N-production.js:394 10:35:45:312 Agora-SDK [INFO]: [client-6e26a] subscribe success user 8626ad97-794c-4f9d-8e45-f1e4fe43a318, mediaType: video AgoraRTC_N-production.js:394 10:35:45:345 Agora-SDK [DEBUG]: [track-track-a5428275] start video playback {} AgoraRTC_N-production.js:394 10:35:45:345 Agora-SDK [DEBUG]: [track-a5428275] video-element-status change none => init raf.js:39 [Violation] 'requestAnimationFrame' handler took 63ms AgoraRTC_N-production.js:394 10:35:45:472 Agora-SDK [DEBUG]: [track-a5428275] video-element-status change init => playing AgoraRTC_N-production.js:394 10:35:45:473 Agora-SDK [DEBUG]: [track-a5428275] video-element-status change playing => waiting AgoraRTC_N-production.js:394 10:35:45:479 Agora-SDK [DEBUG]: [track-a5428275] video-element-status change waiting => paused AgoraRTC_N-production.js:394 10:35:45:480 Agora-SDK [DEBUG]: [track-track-a5428275] video element paused, auto resume AgoraRTC_N-production.js:394 10:35:45:480 Agora-SDK [DEBUG]: [track-a5428275] playback interrupted AbortError: The play() request was interrupted by a call to pause(). https://goo.gl/LdLk22 react_devtools_backend.js:2842 10:35:45:480 Agora-SDK [WARNING]: [track-a5428275] play warning: DOMException: The play() request was interrupted by a call to pause(). https://goo.gl/LdLk22 overrideMethod @ react_devtools_backend.js:2842 log @ AgoraRTC_N-production.js:395 warning @ AgoraRTC_N-production.js:393 (anonymous) @ AgoraRTC_N-production.js:788 Promise.catch (async) play @ AgoraRTC_N-production.js:788 play @ AgoraRTC_N-production.js:958 (anonymous) @ VideoContainer.jsx:136 commitHookEffectListMount @ react-dom.development.js:19731 commitPassiveHookEffects @ react-dom.development.js:19769 callCallback @ react-dom.development.js:188 invokeGuardedCallbackDev @ react-dom.development.js:237 invokeGuardedCallback @ react-dom.development.js:292 flushPassiveEffectsImpl @ react-dom.development.js:22853 unstable_runWithPriority @ scheduler.development.js:653 runWithPriority$1 @ react-dom.development.js:11039 flushPassiveEffects @ react-dom.development.js:22820 (anonymous) @ react-dom.development.js:22699 workLoop @ scheduler.development.js:597 flushWork @ scheduler.development.js:552 performWorkUntilDeadline @ scheduler.development.js:164 AgoraRTC_N-production.js:394 10:35:45:483 Agora-SDK [DEBUG]: [track-a5428275] video-element-status change paused => playing AgoraRTC_N-production.js:394 10:35:45:483 Agora-SDK [DEBUG]: [track-a5428275] video-element-status change playing => waiting AgoraRTC_N-production.js:394 10:35:46:346 Agora-SDK [DEBUG]: [track-a5428275] video-element-status change waiting => destroyed

[yoreland]

Seems more likely RN side issue, did you check join with other platform? Does only web client can't render?