Recording won't record lists and variables
Recording won't record lists and variables. A hunch of mine is because they are outside the canvas but I am wondering if there is a fix.
Probably will never happen, unless I'm missing something - there's no API to record an area of the page, only to record the canvas. One "workaround" could be using the screen sharing feature, but that would also show the cursor, and the result wouldn't be a 4:3 video.
@WorldLanguages Would it be possible to create another, invisible canvas and render the content of the canvas and the monitors onto it every frame?
Too laggy IMO.
Too laggy IMO.
Could it be optional?
@mxmou Not sure how you could accurately render HTML/CSS based monitors into a canvas.
@mxmou Not sure how you could accurately render HTML/CSS based monitors into a canvas.
I think it's possible to embed them inside a SVG and render it.
What about rendering variables? There is this option called "variables" as a folder which you can view variables data. We can render the variables data (along with how it like like slider) into the video.
One question Can you get the data if variable is slider,large readout, normal variable (Such as API, or a quick CSS/HTML check)?
there's no API to record an area of the page, only to record the canvas
This is outdated now!! Good news
https://developer.chrome.com/blog/new-in-chrome-104/#region-capture
getDisplayMedia()makes it possible to create a video stream from the current tab. But, there are times when you don’t want the entire tab, only a small portion of it. Until now, the only way to do that was to manually crop each video frame.
With Region Capture, a web app can define the specific area of the screen it wants to share. For example, Google Slides could allow you to stay in the standard editing view, and share the current slide.
More info: https://developer.chrome.com/docs/web-platform/region-capture/
Rejected for now, due to compatibility concerns.
Rejected for now, due to compatibility concerns.
Couldn't the canvas hack be implemented as a temporary solution?
You need to explain what "compatibility concerns" is. Using this new API can be opt-in.
See https://region-capture-demo.glitch.me/ for a demo. Still not supported on Firefox.