Update app.py

app.py

@@ -645,7 +645,8 @@ function addMedia(name, type, url, filePath) {{
         url: url,
         filePath: filePath || name,
         dur: type === 'image' ? 5 : 0,
-        thumb: type === 'image' ? url : null
+        thumb: type === 'image' ? url : null,
+        loaded: type === 'image' ? true : false
     }};
     S.media.push(m);
     
@@ -663,8 +664,12 @@ function addMedia(name, type, url, filePath) {{
         
         v.onloadedmetadata = function() {{
             m.dur = r(v.duration);
+            m.loaded = true;
             renderLib();
             v.currentTime = 0.5;
+            // 메타데이터 로드 후 클립 추가
+            addClip(m);
+            console.log('[VideoEditor] Video loaded:', m.name, m.dur);
         }};
         
         v.onseeked = function() {{
@@ -679,6 +684,14 @@ function addMedia(name, type, url, filePath) {{
                 }} catch(e) {{}}
             }}
         }};
+        
+        v.onerror = function() {{
+            console.error('[VideoEditor] Video load error:', m.name);
+            m.loaded = true;
+            m.dur = 5;
+            renderLib();
+            addClip(m);
+        }};
     }} else if (type === 'audio') {{
         var a = document.createElement('audio');
         a.src = url;
@@ -688,18 +701,41 @@ function addMedia(name, type, url, filePath) {{
         
         a.onloadedmetadata = function() {{
             m.dur = r(a.duration);
+            m.loaded = true;
+            renderLib();
+            // 메타데이터 로드 후 클립 추가
+            addClip(m);
+            console.log('[VideoEditor] Audio loaded:', m.name, m.dur);
+        }};
+        
+        a.onerror = function() {{
+            console.error('[VideoEditor] Audio load error:', m.name);
+            m.loaded = true;
+            m.dur = 5;
             renderLib();
+            addClip(m);
         }};
     }} else if (type === 'image') {{
         var img = new Image();
-        img.src = url;
         img.crossOrigin = 'anonymous';
+        img.onload = function() {{
+            m.loaded = true;
+            renderLib();
+            // 이미지 로드 후 클립 추가
+            addClip(m);
+            console.log('[VideoEditor] Image loaded:', m.name);
+        }};
+        img.onerror = function() {{
+            console.error('[VideoEditor] Image load error:', m.name);
+            m.loaded = true;
+            addClip(m);
+        }};
+        img.src = url;
         S.els[m.id] = img;
     }}
     
     renderLib();
-    stat('미디어 추가: ' + name);
-    setTimeout(function() {{ addClip(m); }}, 400);
+    stat('미디어 로딩: ' + name);
 }}
 
 // 미디어 라이브러리 렌더링