Hi,
I am using video sdk in my react js project some how i am not able to render the video using the stream.
Steps followed to join session and get stream
Steps followed to render video
Fails on below line of code
stream.startVideo({ videoElement: document.querySelector('#self-view-video') })
Which Video SDK version?
1.3.0
React js Version
17.0.2
Error in Console
ready to start!
ready to start!
ready to dec video!
ready to dec video!
JsAudioDec.js receive startMedia
JsAudioDec.js receive startMedia
Open_Audio_WebSocket_Connect
Open_Audio_WebSocket_Connect
Open_Video_WebSocket_Connect
Open_Sharing_WebSocket_Connect
Open_Sharing_WebSocket_Connect
Open_Video_WebSocket_Connect
Camera Permission granted
hasWebCam: true
hasMicrophone: true
isMicrophoneAlreadyCaptured: true
isWebcamAlreadyCaptured: true
Error: media stream is ok, but start video capture fail
at js_media.min.js:1:288015
at v (js_media.min.js:1:144768)
at Generator._invoke (js_media.min.js:1:144556)
at e.<computed> [as throw] (js_media.min.js:1:144947)
at i (js_media.min.js:1:3561)
at u (js_media.min.js:1:3795)
Uncaught (in promise) TypeError: this.videoCaptureValue.videoCtrl.pause is not a function
at e.Stop_Video_Capture (js_media.min.js:1:264436)
at e.handleVideoError (js_media.min.js:1:290738)
at e.<anonymous> (js_media.min.js:1:257697)
at v (js_media.min.js:1:144768)
at Generator._invoke (js_media.min.js:1:144556)
at e.<computed> [as throw] (js_media.min.js:1:144947)
at i (js_media.min.js:1:3561)
at u (js_media.min.js:1:3795)
Stop_Video_Capture @ js_media.min.js:1
handleVideoError @ js_media.min.js:1
(anonymous) @ js_media.min.js:1
v @ js_media.min.js:1
(anonymous) @ js_media.min.js:1
e.<computed> @ js_media.min.js:1
i @ js_media.min.js:1
u @ js_media.min.js:1
Promise.then (async)
i @ js_media.min.js:1
s @ js_media.min.js:1
Promise.then (async)
i @ js_media.min.js:1
s @ js_media.min.js:1
(anonymous) @ js_media.min.js:1
t @ js_media.min.js:1
(anonymous) @ js_media.min.js:1
J.StartVideoMediaCapture @ js_media.min.js:1
Start_Video_Capture @ js_media.min.js:1
(anonymous) @ js_media.min.js:1
v @ js_media.min.js:1
(anonymous) @ js_media.min.js:1
e.<computed> @ js_media.min.js:1
i @ js_media.min.js:1
s @ js_media.min.js:1
(anonymous) @ js_media.min.js:1
t @ js_media.min.js:1
(anonymous) @ js_media.min.js:1
J.Notify_MeidaSDK @ js_media.min.js:1
value @ local_storage.ts:1
(anonymous) @ local_storage.ts:1
t.__tryOrUnsub @ local_storage.ts:1
t.next @ local_storage.ts:1
t._next @ local_storage.ts:1
t.next @ local_storage.ts:1
complete @ local_storage.ts:1
n @ local_storage.ts:1
t.__tryOrUnsub @ local_storage.ts:1
t.complete @ local_storage.ts:1
t._complete @ local_storage.ts:1
t.complete @ local_storage.ts:1
(anonymous) @ local_storage.ts:1
Promise.then (async)
At.t @ local_storage.ts:1
e._trySubscribe @ local_storage.ts:1
e.subscribe @ local_storage.ts:1
s @ local_storage.ts:1
(anonymous) @ local_storage.ts:1
e._trySubscribe @ local_storage.ts:1
e.subscribe @ local_storage.ts:1
(anonymous) @ local_storage.ts:1
value @ local_storage.ts:1
r.value @ local_storage.ts:1
Ch.n.value @ local_storage.ts:1
value @ local_storage.ts:1
(anonymous) @ ZoomSDK.jsx:169
f @ regeneratorRuntime.js:86
(anonymous) @ regeneratorRuntime.js:66
(anonymous) @ regeneratorRuntime.js:117
r @ asyncToGenerator.js:3
s @ asyncToGenerator.js:25
(anonymous) @ asyncToGenerator.js:32
(anonymous) @ asyncToGenerator.js:21
Ve @ use-sync-external-store-shim.production.min.js:52
Ye @ use-sync-external-store-shim.production.min.js:52
(anonymous) @ use-sync-external-store-shim.production.min.js:53
Ir @ use-sync-external-store-shim.production.min.js:100
Or @ use-sync-external-store-shim.production.min.js:101
(anonymous) @ use-sync-external-store-shim.production.min.js:113
Be @ use-sync-external-store-shim.production.min.js:292
(anonymous) @ use-sync-external-store-shim.production.min.js:50
jr @ use-sync-external-store-shim.production.min.js:105
$t @ use-sync-external-store-shim.production.min.js:75
Jt @ use-sync-external-store-shim.production.min.js:74
t.unstable_runWithPriority @ react-is.production.min.js:18
Gi @ use-sync-external-store-shim.production.min.js:122
Pe @ use-sync-external-store-shim.production.min.js:292
Xt @ use-sync-external-store-shim.production.min.js:73
Show 35 more frames
asyncToGenerator.js:6 Uncaught (in promise) {type: 'VIDEO_USER_FORBIDDEN_CAPTURE'}
Any idea on what will be the cause of this error?
Thanks in advance!
Gourish