administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-02-19 01:17:06 +03:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Use transparent pixel as placeholder

Browse Source
This commit is contained in:
Weitheng Haw 2025-01-28 10:22:46 +00:00
parent 8c197cbcbc
commit d65869e2ab
1 changed files with 18 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
web/src/pages/FaceLibrary.tsx
View File

@ -133,9 +133,16 @@ export default function FaceLibrary() {
setIsCreatingFace(true);
try {
// Create a 1x1 transparent WebP image
const canvas = document.createElement('canvas');
canvas.width = 1;
canvas.height = 1;
const blob = await new Promise<Blob>((resolve) =>
canvas.toBlob((b) => resolve(b!), 'image/webp')
);
const formData = new FormData();
const emptyBlob = new Blob([], { type: 'image/webp' });
formData.append('file', emptyBlob, 'empty.webp');
formData.append('file', blob, 'placeholder.webp');
const resp = await axios.post(`/faces/${newFaceName}`, formData, {
headers: {
@ -172,9 +179,16 @@ export default function FaceLibrary() {
setIsRenaming(true);
try {
// Create a 1x1 transparent WebP image for the new face directory
const canvas = document.createElement('canvas');
canvas.width = 1;
canvas.height = 1;
const blob = await new Promise<Blob>((resolve) =>
canvas.toBlob((b) => resolve(b!), 'image/webp')
);
const formData = new FormData();
const emptyBlob = new Blob([], { type: 'image/webp' });
formData.append('file', emptyBlob, 'empty.webp');
formData.append('file', blob, 'placeholder.webp');
await axios.post(`/faces/${renameData.newName}`, formData);
const oldFaceImages = faceData[renameData.oldName] || [];