Update app.py

app.py

@@ -1790,17 +1790,22 @@ function addThumb(idx, place='append'){
   if(maskedSet.has(idx)) wrap.classList.add('hasmask');
   const img=new Image(); img.title='frame '+(idx+1);
   img.src=timelineUrls[idx];
-  img.onerror = () => {
+    // Fallback solide : on affiche /frame_idx tout de suite,
+  // puis on ne bascule vers /thumbs que si elle existe (sonde en tâche de fond).
+  img.addEventListener('error', ()=>{
     const fallback = `/frame_idx?vid=${encodeURIComponent(vidName)}&idx=${idx}`;
-    img.onerror = null;
-    img.src = fallback;
-    img.onload = () => {
+    img.onerror = null;              // éviter les boucles d'erreur
+    img.src = fallback;              // montrer la frame générée à la volée
+
+    const trySwap = () => {
       const nu = `/thumbs/f_${vidStem}_${idx}.jpg?b=${Date.now()}`;
-      timelineUrls[idx] = nu;
-      img.src = nu;
-      img.onload = null;
+      const probe = new Image();
+      probe.onload  = () => { timelineUrls[idx] = nu; img.src = nu; };
+      probe.onerror = () => { setTimeout(trySwap, 1500); }; // réessaie plus tard
+      probe.src = nu;
     };
-  };
+    setTimeout(trySwap, 1500);
+  }, { once:true });
   if(idx===currentIdx){ img.classList.add('sel'); if(isPaused) img.classList.add('sel-strong'); }
   img.onclick=async ()=>{
     currentIdx=idx; player.currentTime=idxToSec(currentIdx);
@@ -1911,7 +1916,7 @@ async function loadVideoAndMeta() {
   fitCanvas();
   statusEl.textContent = 'Chargement vidéo…';
 try{
-    metaPromise = fetch('/meta/'+encodeURICompnent(vidName));
+        metaPromise = fetch('/meta/'+encodeURIComponent(vidName));
     const r = await metaPromise;
     if(r.ok){
       const m=await r.json();