Plotly Capturing Videos of web page using recordRTC

plotly.js
1

Problem : Cannot catch the plotly graph when i use recordRTC.
Plotly graphs are placed as svg’s on the webpage.
The recordRTC has recently extended its support to SVG.

Following codepen is a proof that it records svg elements.

Question : : Can i capture snapshots of Plotly graph using library like phantomjs or RecordRTC.
if yes, what are the changes that i might need to do to do so?

The Following is the error that i get when i try to capture webpage using phantom.js
Error : TypeError: undefined is not an object (evaluating ‘t.glplot.canvas’)

My Goal is to create a video of the webpage as the user is interacting with the application.

Thanks!

I Can provide a codepen of what is exactly happening at the moment.

2

That probably means you’re trying to record a 3D graph. All plotly.js 3D graphs are generated in WebGL. I doubt that phantomjs supports it.

3

Hey Thanks for the reply.

Is there a way i can capture the plotly graphs?

Problem statement : I have to record the entire webpage which include the 3D graph and then make a video out of it.

Here is a codepen i have created.

I am using Chrome Version 51.0.2704.106 (64-bit))

4

Hey is there any Library that supports capturing plotly webGL Components ?

5

Not that I know of unfortunately.