Update app.py

app.py

@@ -395,6 +395,7 @@ function addMedia(name,type,url,filePath){{
 var m={{id:id(),name:name,type:type,url:url,filePath:filePath||name,dur:type==='image'?5:0,thumb:type==='image'?url:null}};
 S.media.push(m);
 var container=document.getElementById('hiddenMedia');
+
 if(type==='video'){{
 var v=document.createElement('video');
 v.src=url;
@@ -402,8 +403,13 @@ v.muted=false;
 v.playsInline=true;
 v.preload='auto';
 v.crossOrigin='anonymous';
+v.setAttribute('playsinline','');
+v.setAttribute('webkit-playsinline','');
 container.appendChild(v);
 S.els[m.id]=v;
+// 버퍼링 강화: 전체 로드 대기
+v.load();
+
 v.onloadedmetadata=function(){{
 m.dur=r(v.duration);
 renderLib();
@@ -703,11 +709,18 @@ if(S.playing)play();else stop();
 
 function play(){{
 var last=performance.now();
+var targetFPS=30;
+var frameInterval=1000/targetFPS;
 function loop(now){{
 if(!S.playing)return;
-var dt=(now-last)/1000;
-last=now;
-S.time=S.time+dt;
+var dt=(now-last);
+if(dt<frameInterval){{
+S.animId=requestAnimationFrame(loop);
+return;
+}}
+last=now-(dt%frameInterval);
+S.time=S.time+dt/1000;
+
 if(S.time>=S.dur){{
 S.time=0;
 if(S.dur===0){{S.playing=false;document.getElementById('playBtn').textContent='▶';return}}
@@ -764,11 +777,14 @@ S.ctx.fillRect(0,0,pw,ph);
 if(vc){{
 var el=S.els[vc.mid];
 if(el){{
+
 if(vc.type==='video'){{
 var clipT=t-vc.start+vc.ts;
-if(Math.abs(el.currentTime-clipT)>0.05){{
+if(Math.abs(el.currentTime-clipT)>0.3){{
 el.currentTime=clipT;
 }}
+
+
 if(S.playing&&el.paused)el.play().catch(function(){{}});
 if(!S.playing&&!el.paused)el.pause();
 el.volume=S.muted?0:vc.vol;
@@ -794,7 +810,7 @@ audioClips.forEach(function(ac){{
 var el=S.els[ac.mid];
 if(el){{
 var clipT=t-ac.start+ac.ts;
-if(Math.abs(el.currentTime-clipT)>0.1)el.currentTime=clipT;
+if(Math.abs(el.currentTime-clipT)>0.5)el.currentTime=clipT;
 el.volume=S.muted?0:ac.vol;
 if(S.playing&&el.paused)el.play().catch(function(){{}});
 if(!S.playing&&!el.paused)el.pause();