I am using zoom web sdk for video conferencing feature. i am able do video call with sample-app-web.
Now i want to integration a third-party AI tool to analyse user emotions during call. For this, i need access to recipient(peer2) video frames(image data of canvas) during video conferencing. which is required as input to AI tool.
I am able query Peer1(canvas[id=“suspension-my-canvas”]) to get the image Data. but not able to get image data from peer2 in the same way. it seems canvas context type is different for peer1 and peer2. Please see the attach screenshot for reference.
Seems this is not Zoom specific. I am guessing you are requesting document.getElementById('sv-active-video').getContext('2d') before the page has loaded. Have you tried googling this issue?
@tommy, NO i am not requesting before DOM load. i am doing after call started. in console. document.getElementById('sv-active-video').getContext('2d')
you can try sample web app, create a meeting and open application in two tabs to join the meeting and try to access document.getElementById('sv-active-video').getContext('2d'). you will get null
@tommy, i didn’t say. it’s zoom sdk bug. i asked how to get imagedata from canvas[id=sv-active-video] since it’s returning null with getContext(‘2d’). there can be other context type like webgl, 3d… Do you know which type of context canvas[id=sv-active-video] has?
At least my i know how zoom sdk draw image on canvas[id=sv-active-video]?
Hi @tommy, Thanks for the response but now context instance giving getImageData is not a function
document.getElementById(‘sv-active-video’).getContext(‘webgl’)
context.getImageData(0, 0, context.canvas.width, context.canvas.height); context.getImageData is not a function
So my original question still open "how to get image data from ‘sv-active-video’ canvas?