Spaces:

marquesafonso
/

multilang-asr-captioner

Sleeping

marquesafonso commited on Aug 25

Commit

fc4371c

1 Parent(s): b77809f

fix multiple form submission; fix typo in default font setting; delete stroke in highlight

Files changed (4) hide show

main.py CHANGED Viewed

@@ -16,12 +16,10 @@ from fastapi.security import HTTPBasic
 from pydantic import BaseModel, field_validator
 from cachetools import TTLCache
-## THIS IS A BREAKING CHANGE. SRT FILE INPUT DEPRECATED.
-## DONE: separate transcriber from subtitler logic.
-## DONE: improve loading spinner. (redirect)
-## DONE: fix tempdir cleanup
-## DONE: add transcription preview component + allow for interactive validation of transcription in-browser.
 ## TODO: add word level highlighting option. WIP (Avoid caption char overflow by using a max chars heuristic in transcriber)
 ## TODO: improve UI
 app = FastAPI()
@@ -111,7 +109,7 @@ async def process_video_api(video_path: str = Form(...),
                             srt_string: str = Form(...),
                             srt_json: str = Form(...),
                             fontsize: Optional[int] = Form(42),
-                            font: Optional[str] = Form("HelveticaBold"),
                             bg_color: Optional[str] = Form("transparent"),
                             text_color: Optional[str] = Form("white"),
                             highlight_mode: Optional[bool] = Form(False),

 from pydantic import BaseModel, field_validator
 from cachetools import TTLCache
 ## TODO: add word level highlighting option. WIP (Avoid caption char overflow by using a max chars heuristic in transcriber)
+## TODO: prevent double for submission in process_video/
+## TODO: add more video format options
+## TODO: Add Box + Word highlighting mode options
 ## TODO: improve UI
 app = FastAPI()
                             srt_string: str = Form(...),
                             srt_json: str = Form(...),
                             fontsize: Optional[int] = Form(42),
+                            font: Optional[str] = Form("Helvetica-Bold"),
                             bg_color: Optional[str] = Form("transparent"),
                             text_color: Optional[str] = Form("white"),
                             highlight_mode: Optional[bool] = Form(False),

static/process_settings.html CHANGED Viewed

@@ -110,7 +110,7 @@
   </style>
 </head>
 <body>
-  <form action="/process_video/" method="post">
     <h2>Step 2: Edit Transcription & Style</h2>
     <div class="form-section">
@@ -176,7 +176,7 @@
     <input type="hidden" name="video_path" value="{{ video_path }}">
     <input type="hidden" name="temp_dir_path" value="{{ temp_dir_path }}">
-    <input type="submit" value="Submit">
   </form>
   <div class="centered-link">
@@ -219,7 +219,7 @@
         document.getElementById("srt_json").value = jsonText;
       }
-      populateDropdown('font', '/static/fonts.txt', "HelveticaBold");
       populateDropdown('bg_color', '/static/colors.txt', "transparent");
       populateDropdown('text_color', '/static/colors.txt', "white");
       populateDropdown('highlight_color', '/static/colors.txt', "LightBlue");

   </style>
 </head>
 <body>
+  <form action="/process_video/" method="post" onsubmit="submitButton.disabled = true; return true;">
     <h2>Step 2: Edit Transcription & Style</h2>
     <div class="form-section">
     <input type="hidden" name="video_path" value="{{ video_path }}">
     <input type="hidden" name="temp_dir_path" value="{{ temp_dir_path }}">
+    <input type="submit" name="submitButton" value="Submit">
   </form>
   <div class="centered-link">
         document.getElementById("srt_json").value = jsonText;
       }
+      populateDropdown('font', '/static/fonts.txt', "Helvetica-Bold");
       populateDropdown('bg_color', '/static/colors.txt', "transparent");
       populateDropdown('text_color', '/static/colors.txt', "white");
       populateDropdown('highlight_color', '/static/colors.txt', "LightBlue");

static/transcribe_video.html CHANGED Viewed

@@ -11,7 +11,7 @@
     </style>
 </head>
 <body>
-    <form id="video-form" action="/transcribe/" method="post" enctype="multipart/form-data">
         <h2>Step 1: Upload & Transcribe</h2>
         <label for="video_file">Video File</label>
@@ -37,7 +37,7 @@
             <i class="fas fa-spinner fa-spin"></i> Processing, please wait...
         </div>
-        <input type="submit" value="Transcribe">
     </form>
     <script>
         // Show loading spinner on submit

     </style>
 </head>
 <body>
+    <form id="video-form" action="/transcribe/" method="post" enctype="multipart/form-data" onsubmit="submitButton.disabled = true; return true;">
         <h2>Step 1: Upload & Transcribe</h2>
         <label for="video_file">Video File</label>
             <i class="fas fa-spinner fa-spin"></i> Processing, please wait...
         </div>
+        <input type="submit" name="submitButton" value="Transcribe">
     </form>
     <script>
         // Show loading spinner on submit

utils/subtitler.py CHANGED Viewed

@@ -75,7 +75,7 @@ def subtitler(video_file: str,
                 word_end = float(word_info["end"])
                 # Create a background-only word clip
-                word_clip = TextClip(word, fontsize=fontsize, color=text_color, stroke_color=text_color, stroke_width=2, font=font,
                         method='label', bg_color=highlight_color)
                 word_clip = word_clip.set_start(word_start).set_end(word_end)
                 word_clip = word_clip.set_position((current_x - 7.5, subtitle_y_position))

                 word_end = float(word_info["end"])
                 # Create a background-only word clip
+                word_clip = TextClip(word, fontsize=fontsize, color=text_color, font=font,
                         method='label', bg_color=highlight_color)
                 word_clip = word_clip.set_start(word_start).set_end(word_end)
                 word_clip = word_clip.set_position((current_x - 7.5, subtitle_y_position))