sam_oneal/fx_cast
1
0
Fork 0
mirror of https://github.com/hensm/fx_cast.git synced 2026-06-08 08:39:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

Use requestAnimationFrame in place of setInterval for tab mirroring

Browse Source
This commit is contained in:
hensm
2020-01-20 03:43:29 +00:00
parent 058b40b3cd
commit 7ce91cd80f
1 changed files with 22 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
ext/src/senders/mirroring.ts
View File

@@ -90,25 +90,31 @@ async function onRequestSessionSuccess (newSession: cast.Session) {
const drawFlags =
ctx.DRAWWINDOW_DRAW_CARET
| ctx.DRAWWINDOW_DRAW_VIEW
| ctx.DRAWWINDOW_ASYNC_DECODE_IMAGES;
| ctx.DRAWWINDOW_ASYNC_DECODE_IMAGES
| ctx.DRAWWINDOW_USE_WIDGET_LAYERS;
/**
* Clears the canvas and draws the window. Called repeatedly,
* currently at 30FPS rate because performance is quite poor.
*/
function drawWindow () {
ctx.clearRect(0, 0, canvas.width, canvas.height);
ctx.drawWindow(
window // window
, 0, 0 // x, y
, canvas.width // w
, canvas.height // h
, "white" // bgColor
, drawFlags); // flags
}
let lastFrame: DOMHighResTimeStamp;
window.requestAnimationFrame(
function draw (now: DOMHighResTimeStamp) {
if (!lastFrame) {
lastFrame = now;
}
window.setInterval(drawWindow, 1000 / 30);
if ((now - lastFrame) > (1000 / 30)) {
ctx.drawWindow(
window // window
, 0, 0 // x, y
, canvas.width // w
, canvas.height // h
, "white" // bgColor
, drawFlags); // flags
lastFrame = now;
}
window.requestAnimationFrame(draw);
});
/**
* Capture video stream from canvas and feed into the RTC