From 8bec976d3c1a5a26f63e1d31efbf496441e8c268 Mon Sep 17 00:00:00 2001
From: treamz <treamz@gmail.com>
Date: Sun, 22 Mar 2026 12:10:01 +0300
Subject: [PATCH] Video compress: add output format selector (MP4/AVI/MKV)

- Compress panel now has format buttons before quality
- Backend uses selected format for compress output
- Format sent in API body for compress mode
- User can compress + convert format in one step
---
 public/video.html | 14 +++++++++++++-
 routes/video.js   |  5 +++--
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/public/video.html b/public/video.html
index 55b7ea0..4e92ad1 100644
--- a/public/video.html
+++ b/public/video.html
@@ -509,6 +509,16 @@
 
         <!-- Mode panel: Сжатие -->
         <div id="panel-compress" class="mode-panel" style="margin-bottom:24px;">
+            <div class="wa-card" style="margin-bottom:12px;">
+                <div class="option-group">
+                    <span class="option-label">Выходной формат</span>
+                    <div class="btn-group" id="compressFormats">
+                        <button class="btn-option selected" data-value="mp4">MP4</button>
+                        <button class="btn-option" data-value="avi">AVI</button>
+                        <button class="btn-option" data-value="mkv">MKV</button>
+                    </div>
+                </div>
+            </div>
             <div class="wa-card">
                 <div class="option-group">
                     <span class="option-label">Качество</span>
@@ -900,6 +910,7 @@
 
     initBtnGroup('convertFormats', val => { state.format = val; });
     initBtnGroup('audioFormats',   val => { state.audioFormat = val; });
+    initBtnGroup('compressFormats', val => { state.compressFormat = val; });
 
     // ─── Quality options ───────────────────────────────────────────────────────
     document.querySelectorAll('.quality-option').forEach(label => {
@@ -926,7 +937,8 @@
         const body = {
             jobId:     state.jobId,
             mode:      state.mode,
-            format:    state.mode === 'convert' ? state.format
+            format:    state.mode === 'compress' ? (state.compressFormat || 'mp4')
+                     : state.mode === 'convert' ? state.format
                      : state.mode === 'audio'   ? state.audioFormat
                      : state.mode === 'gif'     ? 'gif'
                      :                            'mp4',
diff --git a/routes/video.js b/routes/video.js
index b822c85..5daeecc 100644
--- a/routes/video.js
+++ b/routes/video.js
@@ -169,9 +169,10 @@ router.post('/convert', express.json(), async (req, res) => {
         break;
       }
       case 'compress': {
-        // Quality via mpeg4 q:v (1=best, 31=worst)
+        // Quality via mpeg4 q:v (1=best, 31=worst) + format selection
         const qv = quality === 'high' ? '3' : quality === 'low' ? '15' : '8';
-        args.push('-c:v', 'mpeg4', '-q:v', qv, '-c:a', 'aac', '-b:a', '128k', '-movflags', '+faststart');
+        args.push('-c:v', 'mpeg4', '-q:v', qv, '-c:a', 'aac', '-b:a', '128k');
+        if (format === 'mp4' || !format) args.push('-movflags', '+faststart');
         break;
       }
       case 'audio': {