Upload 4 files

.gitattributes

@@ -0,0 +1 @@
+NotoSansMyanmar-Bold.ttf filter=lfs diff=lfs merge=lfs -text

Dockerfile

@@ -3,6 +3,9 @@ FROM python:3.11-slim
 # System deps + deno (yt-dlp JS challenge solver)
 RUN apt-get update && apt-get install -y --no-install-recommends \
     ffmpeg git curl unzip \
+    libass9 libass-dev \
+    fonts-noto fonts-noto-cjk \
+    && fc-cache -fv \
     && curl -fsSL https://deno.land/install.sh | sh \
     && rm -rf /var/lib/apt/lists/*
 
@@ -28,6 +31,7 @@ RUN pip install --no-cache-dir -U "yt-dlp[default]"
 COPY app.py .
 COPY bot.py .
 COPY index.html .
+COPY NotoSansMyanmar-Bold.ttf .
 COPY m_youtube_com_cookies.txt .
 COPY start.sh .
 RUN chmod +x start.sh

NotoSansMyanmar-Bold.ttf

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:0f20a5e23dfa2efd0fd98b384d8c1c6ab379810985b79e0ae4369936dec6897b
+size 209068

app.py

@@ -614,6 +614,58 @@ def api_draft():
     except Exception as e:
         return jsonify(ok=False, msg=f'❌ {e}')
 
+
+# ── SUBTITLE HELPERS ──
+FONT_PATH = str(BASE_DIR / 'NotoSansMyanmar-Bold.ttf')
+
+def _srt_timestamp(s):
+    ms  = int(round((s % 1) * 1000))
+    s   = int(s)
+    h, rem = divmod(s, 3600)
+    m, sec = divmod(rem, 60)
+    return f"{h:02d}:{m:02d}:{sec:02d},{ms:03d}"
+
+def _build_srt(sentences, parts, srt_path, silence_dur=0.4):
+    """TTS parts + sentences → SRT timing file"""
+    tts_files = [p for p in parts
+                 if 'sil' not in os.path.basename(p)
+                 and 'silence' not in os.path.basename(p)]
+    lines = []
+    t = 0.0
+    for i, sent in enumerate(sentences):
+        fdur = dur(tts_files[i]) if i < len(tts_files) else 2.0
+        if fdur <= 0: fdur = 2.0
+        lines.append(str(i + 1))
+        lines.append(f"{_srt_timestamp(t)} --> {_srt_timestamp(t + fdur)}")
+        lines.append(sent)
+        lines.append('')
+        t += fdur + silence_dur
+    with open(srt_path, 'w', encoding='utf-8') as f:
+        f.write('\n'.join(lines))
+
+def _subtitle_filter(srt_path, align=2, margin_v=60, fontsize=20):
+    """
+    Yellow bold Myanmar subtitle + dark rounded box background.
+    align   : ASS alignment (2=bottom-center, 5=middle, 8=top-center)
+    margin_v: pixel distance from edge (top or bottom depending on align)
+    fontsize: font size in points
+    """
+    safe_path = srt_path.replace("'", "")
+    font_opt  = ''
+    if os.path.exists(FONT_PATH):
+        safe_font = FONT_PATH.replace("'", "").replace(":", "\\:")
+        font_opt  = f":fontsdir='{os.path.dirname(safe_font)}'"
+    style = (
+        f"Fontsize={fontsize},Bold=1,"
+        f"PrimaryColour=&H00FFFF00,"   # yellow
+        f"BackColour=&HAA000000,"       # dark semi-transparent box
+        f"BorderStyle=4,"               # filled box mode
+        f"Outline=0,Shadow=0,"
+        f"MarginV={margin_v},"
+        f"Alignment={align}"
+    )
+    return f"subtitles='{safe_path}'{font_opt}:force_style='{style}'"
+
 # ── #7: Audio filter — louder, cleaner voice (no hiss/air noise) ──
 def _build_audio_filter(mpath, ad):
     """
@@ -632,7 +684,7 @@ def _build_audio_filter(mpath, ad):
         return f'[1:a]{voice_chain}[outa]'
 
 # ── #6: Video render — smaller output file ──
-def _build_video(vpath, cmb, mpath, ad, vd, crop, flip, col, wmk, out_file):
+def _build_video(vpath, cmb, mpath, ad, vd, crop, flip, col, wmk, out_file, sentences=None, parts=None, subtitle=False, srt_path=None, sub_align=2, sub_margin=60, sub_fontsize=20):
     raw_ratio = ad / vd
 
     # ── Step 1: Pre-process video — resize + fix even dims using -vf (no filter_complex quoting issues) ──
@@ -692,11 +744,19 @@ def _build_video(vpath, cmb, mpath, ad, vd, crop, flip, col, wmk, out_file):
     else:
         v_layout = f'[0:v]{base_str}'
 
+    # ── Watermark ──
     if wmk:
         cn = wmk.replace("'","").replace("\\","").replace(":","")
-        vff = f"{v_layout},drawtext=text='{cn}':x=w-tw-40:y=40:fontsize=35:fontcolor=white:shadowcolor=black:shadowx=2:shadowy=2[outv]"
+        base_vff = f"{v_layout},drawtext=text='{cn}':x=w-tw-40:y=40:fontsize=35:fontcolor=white:shadowcolor=black:shadowx=2:shadowy=2"
+    else:
+        base_vff = v_layout
+
+    # ── Subtitle burn-in ──
+    if subtitle and srt_path and os.path.exists(srt_path):
+        sub_f = _subtitle_filter(srt_path, align=sub_align, margin_v=sub_margin, fontsize=sub_fontsize)
+        vff = f"{base_vff},{sub_f}[outv]"
     else:
-        vff = f'{v_layout}[outv]'
+        vff = f"{base_vff}[outv]" 
 
     af = _build_audio_filter(mpath, ad)
 
@@ -729,12 +789,16 @@ def api_process():
         voice_id = request.form.get('voice', 'my-MM-ThihaNeural')
         engine   = request.form.get('engine', 'ms')
         spd  = int(request.form.get('speed', 30))
-        wmk  = request.form.get('watermark', '')
-        crop = request.form.get('crop', '9:16')
-        flip = request.form.get('flip', '0') == '1'
-        col  = request.form.get('color', '0') == '1'
-        video_file = request.files.get('video_file')
-        music_file = request.files.get('music_file')
+        wmk         = request.form.get('watermark', '')
+        crop        = request.form.get('crop', '9:16')
+        flip        = request.form.get('flip', '0') == '1'
+        col         = request.form.get('color', '0') == '1'
+        sub         = request.form.get('subtitle', '0') == '1'
+        sub_align   = int(request.form.get('sub_align', 2))
+        sub_margin  = int(request.form.get('sub_margin', 60))
+        sub_fontsize= int(request.form.get('sub_fontsize', 20))
+        video_file  = request.files.get('video_file')
+        music_file  = request.files.get('music_file')
 
         if not u:  return jsonify(ok=False, msg='❌ Not logged in')
         if not sc: return jsonify(ok=False, msg='❌ No script')
@@ -785,7 +849,13 @@ def api_process():
             if vd <= 0: raise Exception('Video duration read failed')
             if ad <= 0: raise Exception('Audio duration read failed')
 
-            _build_video(vpath, cmb, mpath, ad, vd, crop, flip, col, wmk, out_file)
+            srt_path = None
+            if sub:
+                srt_path = f'{tmp_dir}/sub.srt'
+                _build_srt(sentences, parts, srt_path)
+            _build_video(vpath, cmb, mpath, ad, vd, crop, flip, col, wmk, out_file,
+                         sentences=sentences, parts=parts, subtitle=sub, srt_path=srt_path,
+                         sub_align=sub_align, sub_margin=sub_margin, sub_fontsize=sub_fontsize)
 
             rem = -1
             if not is_adm: _, rem = deduct(u, 1); upd_stat(u, 'vd')
@@ -831,8 +901,12 @@ def api_process_all():
         wmk  = request.form.get('watermark', '')
         crop = request.form.get('crop', '9:16')
         flip = request.form.get('flip', '0') == '1'
-        col  = request.form.get('color', '0') == '1'
-        ct   = request.form.get('content_type', 'Movie Recap')
+        col         = request.form.get('color', '0') == '1'
+        sub         = request.form.get('subtitle', '0') == '1'
+        sub_align   = int(request.form.get('sub_align', 2))
+        sub_margin  = int(request.form.get('sub_margin', 60))
+        sub_fontsize= int(request.form.get('sub_fontsize', 20))
+        ct          = request.form.get('content_type', 'Movie Recap')
         api  = request.form.get('ai_model', 'Gemini')
         video_file = request.files.get('video_file')
         music_file = request.files.get('music_file')
@@ -909,7 +983,13 @@ def api_process_all():
             if vd <= 0: raise Exception('Video duration read failed')
             if ad <= 0: raise Exception('Audio duration read failed')
 
-            _build_video(vpath, cmb, mpath, ad, vd, crop, flip, col, wmk, out_file)
+            srt_path = None
+            if sub:
+                srt_path = f'{tmp_dir}/sub.srt'
+                _build_srt(sentences, parts, srt_path)
+            _build_video(vpath, cmb, mpath, ad, vd, crop, flip, col, wmk, out_file,
+                         sentences=sentences, parts=parts, subtitle=sub, srt_path=srt_path,
+                         sub_align=sub_align, sub_margin=sub_margin, sub_fontsize=sub_fontsize)
 
             rem = -1
             if not is_adm:

index.html

@@ -197,6 +197,21 @@ select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xml
 .spinning{animation:spin .8s linear infinite}
 @keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
 .fade-in{animation:fadeIn .3s ease forwards}
+
+/* ── SUBTITLE SETTINGS ── */
+.sub-settings{display:none;margin-top:10px;padding:12px;background:var(--bg3);border:1px solid var(--border);border-radius:8px}
+.sub-settings.visible{display:block}
+.sub-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}
+.sub-row:last-child{margin-bottom:0}
+.sub-label{font-size:.72rem;color:var(--muted);white-space:nowrap;min-width:72px;font-weight:600}
+.sub-val{font-size:.72rem;color:var(--amber2);font-weight:600;min-width:30px;text-align:right}
+.sub-pos-btns{display:flex;gap:5px;flex:1}
+.sub-pos-btn{flex:1;padding:5px 4px;background:var(--bg);border:1px solid var(--border);border-radius:5px;color:var(--muted);font-size:.7rem;font-weight:600;cursor:pointer;transition:.2s;text-align:center}
+.sub-pos-btn.active{border-color:var(--amber);background:rgba(245,166,35,.08);color:var(--amber2)}
+
+/* subtitle canvas overlay */
+.video-wrap{position:relative}
+#sub-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}
 </style>
 </head>
 <body>
@@ -320,7 +335,32 @@ select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xml
       <div class="checks-grid">
         <div class="check-item" id="chk-fl" onclick="togCheck(this,'fl')"><div class="check-box"></div><span><i class="fas fa-arrows-alt-h" style="color:var(--green)"></i> Flip Video</span></div>
         <div class="check-item" id="chk-ac" onclick="togCheck(this,'ac')"><div class="check-box"></div><span><i class="fas fa-magic" style="color:var(--violet)"></i> Auto Color</span></div>
+        <div class="check-item" id="chk-sub" onclick="togSubtitle(this)" style="grid-column:1/-1"><div class="check-box"></div><span><i class="fas fa-closed-captioning" style="color:var(--cyan)"></i> Subtitle (စာတန်ထိုး)</span></div>
+      </div>
+    </div>
+
+    <!-- SUBTITLE SETTINGS -->
+    <div class="card" id="sub-settings-card" style="display:none">
+      <div class="card-label"><i class="fas fa-closed-captioning" style="color:var(--cyan)"></i> SUBTITLE POSITION</div>
+      <div class="sub-row">
+        <span class="sub-label"><i class="fas fa-arrows-alt-v"></i> Position</span>
+        <div class="sub-pos-btns">
+          <div class="sub-pos-btn active" id="spos-bottom" onclick="setSubPos('bottom')">⬇ Bottom</div>
+          <div class="sub-pos-btn" id="spos-middle" onclick="setSubPos('middle')">⬛ Middle</div>
+          <div class="sub-pos-btn" id="spos-top" onclick="setSubPos('top')">⬆ Top</div>
+        </div>
+      </div>
+      <div class="sub-row">
+        <span class="sub-label"><i class="fas fa-sort-numeric-up"></i> Margin</span>
+        <input type="range" id="sub-margin" min="10" max="200" value="60" oninput="updateSubPreview()">
+        <span class="sub-val" id="sub-margin-val">60px</span>
+      </div>
+      <div class="sub-row">
+        <span class="sub-label"><i class="fas fa-text-height"></i> Font Size</span>
+        <input type="range" id="sub-fontsize" min="12" max="40" value="20" oninput="updateSubPreview()">
+        <span class="sub-val" id="sub-fontsize-val">20</span>
       </div>
+      <div style="font-size:.7rem;color:var(--muted2);margin-top:6px;text-align:center">👆 Preview panel ပေါ်မှာ sample text ပေါ်သည် — position ချိန်ပါ</div>
     </div>
 
     <!-- SETTINGS -->
@@ -390,6 +430,7 @@ select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xml
       <div class="preview-top"><i class="fas fa-play-circle"></i> PREVIEW</div>
       <div class="video-wrap">
         <video id="preview-video" controls style="display:none"></video>
+        <canvas id="sub-canvas" style="display:none"></canvas>
         <div class="video-placeholder" id="video-placeholder"><i class="fas fa-film"></i><p>Preview will appear here</p></div>
       </div>
       <div class="preview-bottom">
@@ -688,6 +729,15 @@ function buildFormData(includeScript){
   }
   const mf = document.getElementById('music-file').files[0];
   if(mf) fd.append('music_file', mf);
+  // subtitle params
+  const subOn = document.getElementById('chk-sub').classList.contains('checked');
+  fd.append('subtitle', subOn ? '1' : '0');
+  if(subOn){
+    const posMap = {bottom:'2', middle:'5', top:'8'};
+    fd.append('sub_align',  posMap[SUB_POS] || '2');
+    fd.append('sub_margin', document.getElementById('sub-margin').value);
+    fd.append('sub_fontsize', document.getElementById('sub-fontsize').value);
+  }
   if(includeScript){
     const sc = document.getElementById('script-in').value.trim();
     if(sc) fd.append('script', sc);
@@ -879,6 +929,110 @@ async function loadUsers(){
       </table>`;
   } catch(e){ wrap.innerHTML='<div style="color:var(--red);font-size:.8rem">Error: '+e+'</div>'; }
 }
+
+// ��─ SUBTITLE SETTINGS ──
+let SUB_POS = 'bottom';  // 'top' | 'middle' | 'bottom'
+
+function togSubtitle(el){
+  el.classList.toggle('checked');
+  el.querySelector('.check-box').innerHTML = el.classList.contains('checked') ? '<i class="fas fa-check"></i>' : '';
+  const on = el.classList.contains('checked');
+  document.getElementById('sub-settings-card').style.display = on ? '' : 'none';
+  const canvas = document.getElementById('sub-canvas');
+  canvas.style.display = on ? 'block' : 'none';
+  if(on) updateSubPreview(); else clearSubCanvas();
+}
+
+function setSubPos(pos){
+  SUB_POS = pos;
+  ['bottom','middle','top'].forEach(p=>{
+    document.getElementById('spos-'+p).classList.toggle('active', p===pos);
+  });
+  // reset margin to sensible default per position
+  const defaults = {bottom:60, middle:0, top:60};
+  document.getElementById('sub-margin').value = defaults[pos];
+  updateSubPreview();
+}
+
+function updateSubPreview(){
+  const margin   = parseInt(document.getElementById('sub-margin').value);
+  const fontSize = parseInt(document.getElementById('sub-fontsize').value);
+  document.getElementById('sub-margin-val').textContent  = margin+'px';
+  document.getElementById('sub-fontsize-val').textContent = fontSize;
+  drawSubCanvas(margin, fontSize);
+}
+
+function clearSubCanvas(){
+  const c = document.getElementById('sub-canvas');
+  const ctx = c.getContext('2d');
+  ctx.clearRect(0, 0, c.width, c.height);
+}
+
+function drawSubCanvas(margin, fontSize){
+  const wrap = document.querySelector('.video-wrap');
+  const c    = document.getElementById('sub-canvas');
+  c.width  = wrap.clientWidth;
+  c.height = wrap.clientHeight;
+  const ctx = c.getContext('2d');
+  ctx.clearRect(0, 0, c.width, c.height);
+
+  const sampleText = 'ဥပမာ စာတန်ထိုး နမူနာ';
+  ctx.font = `bold ${fontSize}px "Noto Sans Myanmar", sans-serif`;
+  ctx.textAlign = 'center';
+
+  const tw = ctx.measureText(sampleText).width;
+  const pad = 14;
+  const bw  = tw + pad * 2;
+  const bh  = fontSize + pad * 1.4;
+
+  let y;
+  if(SUB_POS === 'bottom'){
+    y = c.height - margin - bh;
+  } else if(SUB_POS === 'top'){
+    y = margin;
+  } else {
+    y = (c.height - bh) / 2;
+  }
+
+  const x = c.width / 2;
+
+  // Dark blur box background
+  ctx.save();
+  ctx.fillStyle = 'rgba(0,0,0,0.55)';
+  const r = 10;
+  const bx = x - bw/2;
+  ctx.beginPath();
+  ctx.moveTo(bx+r, y);
+  ctx.lineTo(bx+bw-r, y);
+  ctx.quadraticCurveTo(bx+bw, y, bx+bw, y+r);
+  ctx.lineTo(bx+bw, y+bh-r);
+  ctx.quadraticCurveTo(bx+bw, y+bh, bx+bw-r, y+bh);
+  ctx.lineTo(bx+r, y+bh);
+  ctx.quadraticCurveTo(bx, y+bh, bx, y+bh-r);
+  ctx.lineTo(bx, y+r);
+  ctx.quadraticCurveTo(bx, y, bx+r, y);
+  ctx.closePath();
+  ctx.fill();
+  ctx.restore();
+
+  // Dashed border
+  ctx.save();
+  ctx.strokeStyle = 'rgba(255,255,255,0.25)';
+  ctx.lineWidth = 1;
+  ctx.setLineDash([4,3]);
+  ctx.strokeRect(x - bw/2, y, bw, bh);
+  ctx.restore();
+
+  // Yellow text
+  ctx.fillStyle = '#FFFF00';
+  ctx.fillText(sampleText, x, y + bh - pad * 0.7);
+}
+
+// Redraw canvas on window resize
+window.addEventListener('resize', ()=>{
+  if(document.getElementById('chk-sub').classList.contains('checked')) updateSubPreview();
+});
+
 </script>
 </body>
 </html>