Update app.py

app.py

@@ -625,9 +625,20 @@ doExport();
 }}
 
 async function doExport(){{
+// 메인 캔버스 (MediaRecorder 연결용)
 var canvas=document.createElement('canvas');
 canvas.width=1280;canvas.height=720;
 var ctx=canvas.getContext('2d');
+
+// 오프스크린 캔버스 (렌더링용 - 더블 버퍼링)
+var offCanvas=document.createElement('canvas');
+offCanvas.width=1280;offCanvas.height=720;
+var offCtx=offCanvas.getContext('2d');
+
+// 초기 검은 화면
+ctx.fillStyle='#000';
+ctx.fillRect(0,0,1280,720);
+
 var stream=canvas.captureStream(30);
 
 // 고화질 설정
@@ -659,8 +670,9 @@ var t=frame*frameTime;
 document.getElementById('exportBar').style.width=(frame/totalFrames*100)+'%';
 document.getElementById('exportMsg').textContent='녹화 중... '+Math.round(frame/totalFrames*100)+'% ('+Math.floor(t)+'/'+Math.floor(dur)+'초)';
 
-ctx.fillStyle='#000';
-ctx.fillRect(0,0,1280,720);
+// 오프스크린 캔버스에 먼저 그림
+offCtx.fillStyle='#000';
+offCtx.fillRect(0,0,1280,720);
 
 var vc=getClipAt(t,'visual');
 if(vc){{
@@ -668,7 +680,6 @@ var el=S.els[vc.mid];
 if(el){{
 if(vc.type==='video'){{
 var clipT=t-vc.start+vc.ts;
-// seek하고 완료될 때까지 기다림
 await seekVideo(el,clipT);
 }}
 try{{
@@ -676,12 +687,15 @@ var sw=el.videoWidth||el.naturalWidth||el.width||1280;
 var sh=el.videoHeight||el.naturalHeight||el.height||720;
 var scale=Math.min(1280/sw,720/sh);
 var dw=sw*scale,dh=sh*scale;
-ctx.drawImage(el,(1280-dw)/2,(720-dh)/2,dw,dh);
+offCtx.drawImage(el,(1280-dw)/2,(720-dh)/2,dw,dh);
 }}catch(e){{}}
 }}
 }}
 
-// 프레임 간격만큼 대기 (MediaRecorder가 프레임 캡처할 시간)
+// 완성된 프레임을 메인 캔버스로 한 번에 복사 (깜빡임 방지)
+ctx.drawImage(offCanvas,0,0);
+
+// 프레임 간격만큼 대기
 await new Promise(function(resolve){{setTimeout(resolve,33)}});
 }}
 
@@ -743,7 +757,6 @@ resolve();
 }};
 video.addEventListener('seeked',onSeeked);
 video.currentTime=time;
-// 타임아웃 (혹시 seeked 이벤트가 안 오면)
 setTimeout(resolve,200);
 }});
 }}