ext/hyperframes
2
0
Fork 0
mirror of https://github.com/heygen-com/hyperframes.git synced 2026-10-30 09:16:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(cli): only the liveness signature samples canvases finely, the sweep guard stays coarse

Browse Source
This commit is contained in:
Miguel Angel Simon Sierra
2026-10-30 00:49:22 -04:00
parent 5be2e845bc
commit 60f26b40b1
1 changed files with 11 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/cli/src/commands/motion-signature.browser.js
+11 -9
View File
@@ -6,7 +6,8 @@
(function () {
const IGNORE_TAGS = new Set(["SCRIPT", "STYLE", "TEMPLATE", "NOSCRIPT", "META", "LINK"]);
const MEDIA_TAGS = new Set(["CANVAS", "VIDEO", "IMG"]);
const MEDIA_SAMPLE_SIDE = 32;
const COARSE_MEDIA_SAMPLE_SIDE = 8;
const LIVENESS_MEDIA_SAMPLE_SIDE = 32;
const FNV_OFFSET_BASIS = 2166136261;
const FNV_PRIME = 16777619;
const LIVENESS_POSITION_BUCKET_PX = 2;
@@ -222,10 +223,10 @@
}
// Pixel-only media motion (canvas repaint, playing video, same-size <img> swap) is invisible to DOM channels,
// so fold in a downsample fine enough to see a small sprite move. Unreadable media hashes to a constant;
// iframe media is a separate document.
// so fold in a downsample: fine for liveness (a small sprite moving), coarse for the frozen-sweep guard,
// which a wall-clock repaint between seeks would fool. Unreadable media hashes to a constant.
// fallow-ignore-next-line complexity
function mediaPixelChannel(element) {
function mediaPixelChannel(element, ctx) {
if (!MEDIA_TAGS.has(element.tagName)) return "";
try {
const rect = element.getBoundingClientRect();
@@ -233,13 +234,14 @@
const sourceHeight = element.videoHeight || element.height || rect.height;
if (!sourceWidth || !sourceHeight) return "x";
const off = document.createElement("canvas");
off.width = MEDIA_SAMPLE_SIDE;
off.height = MEDIA_SAMPLE_SIDE;
const side = ctx && ctx.quantize ? LIVENESS_MEDIA_SAMPLE_SIDE : COARSE_MEDIA_SAMPLE_SIDE;
off.width = side;
off.height = side;
const ctx2d = off.getContext("2d");
if (!ctx2d) return "x";
ctx2d.imageSmoothingQuality = "high";
ctx2d.drawImage(element, 0, 0, MEDIA_SAMPLE_SIDE, MEDIA_SAMPLE_SIDE);
const data = ctx2d.getImageData(0, 0, MEDIA_SAMPLE_SIDE, MEDIA_SAMPLE_SIDE).data;
if (side === LIVENESS_MEDIA_SAMPLE_SIDE) ctx2d.imageSmoothingQuality = "high";
ctx2d.drawImage(element, 0, 0, side, side);
const data = ctx2d.getImageData(0, 0, side, side).data;
let hash = 0;
for (let i = 0; i < data.length; i++) hash = (hash * 31 + data[i]) >>> 0;
return String(hash);