From 16c18932b1a8e4373495cb599df6f83241ce4f21 Mon Sep 17 00:00:00 2001 From: Tor Andersson Date: Fri, 25 Mar 2022 14:09:05 +0100 Subject: Detect AVIF support. Workaround for non-Firefox browsers missing CSS Image Module Level 4, but many still supporting AVIF. NOTE: Remove this when image-set with types works in Chrome. --- public/common/play.js | 8 ++++++++ 1 file changed, 8 insertions(+) (limited to 'public') diff --git a/public/common/play.js b/public/common/play.js index bfd33d2..ae3e622 100644 --- a/public/common/play.js +++ b/public/common/play.js @@ -1,5 +1,13 @@ "use strict"; +// TODO: Remove when CSS Images Module Level 4 is widely supported, +(function () { + let avif = new Image(); + avif.src = "data:image/avif;base64,AAAAIGZ0eXBhdmlmAAAAAGF2aWZtaWYxbWlhZk1BMUEAAADybWV0YQAAAAAAAAAoaGRscgAAAAAAAAAAcGljdAAAAAAAAAAAAAAAAGxpYmF2aWYAAAAADnBpdG0AAAAAAAEAAAAeaWxvYwAAAABEAAABAAEAAAABAAABGgAAABkAAAAoaWluZgAAAAAAAQAAABppbmZlAgAAAAABAABhdjAxQ29sb3IAAAAAamlwcnAAAABLaXBjbwAAABRpc3BlAAAAAAAAAAEAAAABAAAAEHBpeGkAAAAAAwgICAAAAAxhdjFDgSAAAAAAABNjb2xybmNseAABAA0ABoAAAAAXaXBtYQAAAAAAAAABAAEEAQKDBAAAACFtZGF0EgAKBzgABhAQ0GkyDBZABhhhhAAAeUzRyg=="; + avif.onload = () => document.documentElement.className = "avif"; + avif.onerror = () => document.documentElement.className = "jpeg"; +})(); + /* URL: /$title_id/(re)play:$game_id:$role */ if (!/\/[\w-]+\/(re)?play:\d+(:[\w-]+)?/.test(window.location.pathname)) { -- cgit v1.2.3