DBC22-1520: Preload image when replay the day to prevent strobing

bcgov · Feb 14, 2024 · e5200f7 · e5200f7
1 parent f063a72
commit e5200f7
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/src/frontend/src/pages/CameraDetailsPage.js b/src/frontend/src/pages/CameraDetailsPage.js
@@ -196,6 +196,15 @@ export default function CameraDetailsPage() {
   };
 
   const play = () => {
+    // Pre load images for preventing strobing
+    // For Firefox, Settings Performance > Use recommended performance settings 
+    // and Performance > Use recommended performance settings > Use hardware acceleration when available in the browser settings
+    // need to be disabled
+    replayImages.forEach((img) => {
+      const cachedImage = new Image();
+      cachedImage.src = img.original;
+    });
+
     if(hasImageEnded){
       setHasImageEnded(true);
     }