Update app.py

app.py

@@ -657,7 +657,8 @@ function addMedia(name, type, url, filePath) {{
         url: url,
         filePath: filePath || '',
         dur: type === 'image' ? 5 : 0,
-        thumb: type === 'image' ? url : null
+        thumb: type === 'image' ? url : null,
+        loaded: false
     }};
     S.media.push(m);
     
@@ -675,8 +676,11 @@ function addMedia(name, type, url, filePath) {{
         
         v.onloadedmetadata = function() {{
             m.dur = r(v.duration);
+            m.loaded = true;
             renderLib();
             v.currentTime = 0.5;
+            // 메타데이터 로드 후 클립 추가
+            addClip(m);
         }};
         
         v.onseeked = function() {{
@@ -691,6 +695,11 @@ function addMedia(name, type, url, filePath) {{
                 }} catch(e) {{}}
             }}
         }};
+        
+        v.onerror = function() {{
+            stat('비디오 로드 실패: ' + name);
+            console.error('Video load error:', name);
+        }};
     }} else if (type === 'audio') {{
         var a = document.createElement('audio');
         a.src = url;
@@ -699,18 +708,37 @@ function addMedia(name, type, url, filePath) {{
         S.els[m.id] = a;
         a.onloadedmetadata = function() {{
             m.dur = r(a.duration);
+            m.loaded = true;
             renderLib();
+            // 메타데이터 로드 후 클립 추가
+            addClip(m);
+        }};
+        
+        a.onerror = function() {{
+            stat('오디오 로드 실패: ' + name);
+            console.error('Audio load error:', name);
         }};
     }} else if (type === 'image') {{
         var img = new Image();
         img.src = url;
         img.crossOrigin = 'anonymous';
         S.els[m.id] = img;
+        
+        img.onload = function() {{
+            m.loaded = true;
+            renderLib();
+            // 이미지 로드 후 클립 추가
+            addClip(m);
+        }};
+        
+        img.onerror = function() {{
+            stat('이미지 로드 실패: ' + name);
+            console.error('Image load error:', name);
+        }};
     }}
     
     renderLib();
-    stat('미디어 추가: ' + name);
-    setTimeout(function() {{ addClip(m) }}, 400);
+    stat('미디어 로딩 중: ' + name);
 }}
 
 function renderLib() {{