videoEl.render is undefined

[GProst]

I want to capture video screenshot on a canvas, there is an example that says there is videoEl.render.save method which can be used
source1: #116 (comment)
source2: #454 (comment)

Expected behavior

videoEl.render is present with 'save' method on it

Observerd behavior

videoEl.render is undefined

Steps to reproduce the problem

Just create an HTML video element after running cordova.plugins.iosrtc.registerGlobals(), it won't have render prop set

Platform information

• Cordova version: 5.0.1
• Plugin version: 6.0.9
• iOS version: 13.4
• Xcode version: 11.4

[hthetiot]

Assuming you attached the stream to the video this should works:

• https://github.com/cordova-rtc/cordova-plugin-iosrtc/blob/master/extra/renderer-and-libwebrtc-tests.js see TestMediaRenderCatpure(videoEl)

[GProst]

@hthetiot yup, I saw that example but it doesn't work for me =/
I set videoEl.srcObject = stream where stream is an object resolved after calling navigator.mediaDevices.getUserMedia

Get the following error:

An error occurred: TypeError: undefined is not an object (evaluating 'videoEl.render.save')

[hthetiot]

@GProst I will recheck will keep you posted.

[GProst]

@hthetiot I found the problem. render is absent if I access it right after I set srcObject on video (i.e. synchronously after that), it is present if I access it in setTimeout(..., 0)

Perhaps this is expected? But I wasn't aware

[hthetiot]

@GProst Thank you,

Yes that because the video tag was not rendered yet, you can subscribe to MediaElement events to make sure it's rendered. (example: loadedmetadata)

• https://github.com/cordova-rtc/cordova-plugin-iosrtc/blob/master/js/MediaStreamRenderer.js#L109

Thank you for solving your own issue.

[GProst]

@hthetiot thank you for your awesome work on this plugin!