diff --git a/src/components/widgets/background/Background.jsx b/src/components/widgets/background/Background.jsx index e2008cb1..813067fe 100644 --- a/src/components/widgets/background/Background.jsx +++ b/src/components/widgets/background/Background.jsx @@ -116,7 +116,7 @@ export default class Background extends PureComponent { break; } - const accept = 'application/json, ' + (supportsAVIF ? 'image/avif' : 'image/webp'); + const accept = 'application/json, ' + (await supportsAVIF() ? 'image/avif' : 'image/webp'); try { data = await (await fetch(requestURL, { headers: { accept } })).json(); } catch (e) { diff --git a/src/modules/helpers/background/avif.js b/src/modules/helpers/background/avif.js index f477446d..c936815a 100644 --- a/src/modules/helpers/background/avif.js +++ b/src/modules/helpers/background/avif.js @@ -1,9 +1,11 @@ const testImage = 'AAAAIGZ0eXBhdmlmAAAAAGF2aWZtaWYxbWlhZk1BMUIAAAFCbWV0YQAAAAAAAAAoaGRscgAAAAAAAAAAcGljdAAAAAAAAAAAAAAAAFBETmF2aWYAAAAADnBpdG0AAAAAAAEAAAAsaWxvYwAAAABEAAACAAEAAAABAAACRgAAABgAAgAAAAEAAAFqAAAA3AAAAEFpaW5mAAAAAAACAAAAGmluZmUCAAAAAAEAAGF2MDFDb2xvcgAAAAAZaW5mZQIAAAEAAgAARXhpZkV4aWYAAAAAGmlyZWYAAAAAAAAADmNkc2MAAgABAAEAAAB5aXBycAAAAFlpcGNvAAAAFGlzcGUAAAAAAAAAAQAAAAEAAAAQcGFzcAAAAAEAAAABAAAADGF2MUOBABwAAAAADnBpeGkAAAAAAQgAAAATY29scm5jbHgAAQANAAGAAAAAGGlwbWEAAAAAAAAAAQABBQECg4SFAAAA/G1kYXQAAAAASUkqAAgAAAAGABIBAwABAAAAAQAAABoBBQABAAAAVgAAABsBBQABAAAAXgAAACgBAwABAAAAAgAAADEBAgARAAAAZgAAAGmHBAABAAAAeAAAAAAAAAABAAAAAQAAAAEAAAABAAAAcGFpbnQubmV0IDQuMy4xMgAABQAAkAcABAAAADAyMzABoAMAAQAAAAEAAAACoAQAAQAAAAEAAAADoAQAAQAAAAEAAAAFoAQAAQAAALoAAAAAAAAAAgABAAIABAAAAFI5OAACAAcABAAAADAxMDAAAAAAEgAKBxgABpgIaA0yCxJABBEAEADG1FkX'; -export const supportsAVIF = await new Promise((resolve) => { - const image = new Image(); - image.src = `data:image/avif;base64,${testImage}`; - image.onload = () => resolve(true); - image.onerror = () => resolve(false); -}); +export const supportsAVIF = () => { + new Promise((resolve) => { + const image = new Image(); + image.src = `data:image/avif;base64,${testImage}`; + image.onload = () => resolve(true); + image.onerror = () => resolve(false); + }); +}