Discource-C/discourse
1
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-03-04 10:19:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

FIX: Add support for OffscreenCanvas in media optimization worker (#24074)

Browse Source 
Back in c31772879bc9df51b71f75edc529bfed878d65d1 we introduced
SiteSetting.composer_ios_media_optimisation_image_enabled and
disabled media optimization on safari iOS because of performance
issues when rendering to canvas, and OffscreenCanvas support
was not yet available.

Safari now supports OffscreenCanvas, so now we can give this
another go, and also use OffscreenCanvas everywhere it is supported.
This commit is contained in:
Martin Brennan 2023-10-25 09:28:09 +10:00 committed by GitHub
parent 88ae4c7b5c
commit 5e395d4382
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 15 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
app/assets/javascripts/discourse/app/lib/media-optimization-utils.js
View File

@ -40,10 +40,17 @@ function drawableToImageData(drawable) {
sw = width,
sh = height;
const offscreenCanvasSupported = typeof OffscreenCanvas !== "undefined";
// Make canvas same size as image
const canvas = document.createElement("canvas");
canvas.width = width;
canvas.height = height;
let canvas;
if (offscreenCanvasSupported) {
canvas = new OffscreenCanvas(width, height);
} else {
canvas = document.createElement("canvas");
canvas.width = width;
canvas.height = height;
}
// Draw image onto canvas
const ctx = canvas.getContext("2d");
@ -52,7 +59,11 @@ function drawableToImageData(drawable) {
}
ctx.drawImage(drawable, sx, sy, sw, sh, 0, 0, width, height);
const imageData = ctx.getImageData(0, 0, width, height);
canvas.remove();
if (!offscreenCanvasSupported) {
canvas.remove();
}
return imageData;
}