trim silence option

static/index.html

@@ -56,14 +56,18 @@
                     </select>
                 </div>
             </div>
-            <!-- <br> -->
-            <!-- <input style="display: inline-block" type="checkbox" id="adv"> -->
-            <!-- <p style="display: inline-block" for="adv">Enable Advanced options? (Beta)</p> -->
+            <div id="audioOnly">
+                <input style="display: inline-block" type="checkbox" id="trim" name="trimAudio">
+                <p style="display: inline-block" for="trim">Trim Silence (mp3)</p>
+            </div>
+            <div id="videoAndAudio">
+                <!-- <input style="display: inline-block" type="checkbox" id="trim" checked>
+                <p style="display: inline-block" for="trim">Trim BALLS (mp4 only)</p> -->
+            </div>
     
-            <br>
             <input type="submit">
         </form>
-        <br>
+        <!-- <br> -->
         
         <p>Inspired by <a href="https://cobalt.tools">Cobalt</a></p>
     </div>

static/js/main.js

@@ -1,7 +1,24 @@
+var audioFormats = ["mp3"]
+
+function updateOptions() {
+    var format = $("#format").val()
+    if (audioFormats.includes(format)) {
+        $("#audioOnly > input").attr("disabled", false)
+        $("#videoAndAudio > input").attr("disabled", true)
+    } else {
+        $("#audioOnly > input").attr("disabled", true)
+        $("#videoAndAudio > input").attr("disabled", false)
+    }
+}
+
 $(document).ready(() => {
+    updateOptions()
+    $("#format").on("change", updateOptions)
+
     $("#quality").val(Cookies.get("quality") || "720")
+    $("#trim").prop("checked", Cookies.get("trim") == "true" || false)
     $("form").submit(() => {
         Cookies.set("quality", $("#quality").val())
-        // $("#url").val("")
+        Cookies.set("trim", $("#trim").prop("checked"))
     })
 })

static/style.css

@@ -131,10 +131,10 @@ option {
     background-color: rgba(0, 0, 20);
 }
 
-#adv {
+input[type="checkbox"] {
     accent-color: var(--primary-color);
-    width: 1.15rem;
-    height: 1.15rem;
+    width: 1.05rem;
+    height: 1.05rem;
 }
 
 .error {