use json dumps for properjson serialization

app.py

@@ -19,7 +19,7 @@ def main():
                 text_output = gr.Textbox(label="SRT Text transcription")
                 srt_file = gr.File(file_count="single", type="filepath", file_types=[".srt"], label="SRT file")
                 text_clean_output = gr.Textbox(label="Text transcription")
-                json_output = gr.Textbox(label="JSON Transcription")
+                json_output = gr.JSON(label="JSON Transcription")
                 gr.Interface(
                     fn=transcriber,
                     inputs=[file, file_type, max_words_per_line, task, model_version],
@@ -38,7 +38,7 @@ def main():
                 text_output = gr.Textbox(label="SRT Text transcription")
                 srt_file = gr.File(file_count="single", type="filepath", file_types=[".srt"], label="SRT file")
                 text_clean_output = gr.Textbox(label="Text transcription")
-                json_output = gr.Textbox(label="JSON Transcription")
+                json_output = gr.JSON(label="JSON Transcription")
                 gr.Interface(
                     fn=transcriber,
                     inputs=[file, file_type, max_words_per_line, task, model_version],

src/transcriber.py

@@ -1,4 +1,4 @@
-import os
+import os, json
 import gradio as gr
 from faster_whisper import WhisperModel
 from moviepy.editor import VideoFileClip
@@ -64,7 +64,7 @@ def write_srt(segments, max_words_per_line, srt_path):
                     words_in_line = []
 
         file.write(result)
-        return result, srt_path, " ".join(result_clean), str(json_output)
+        return result, srt_path, " ".join(result_clean), json.dumps(json_output)
 
 
 def transcriber(file_input:gr.File,