Update app.py

app.py

@@ -1,37 +1,36 @@
-
 import gradio as gr
 from moviepy.editor import VideoFileClip
 
-def resize_video_and_show_resolution(video_path, width, height):
-    # 動画を読み込む
+# アップロードされた動画の解像度を表示する関数
+def show_original_resolution(video_path):
     clip = VideoFileClip(video_path)
-    
-    # 元の解像度
-    original_width, original_height = clip.size
+    width, height = clip.size
+    return f"元の解像度: {width} x {height}"
 
-    # リサイズ処理（アスペクト比を無視して引き伸ばし）
+# リサイズ処理の関数（解像度は取得済みなので返さない）
+def resize_video(video_path, width, height):
+    clip = VideoFileClip(video_path)
     resized_clip = clip.resize(newsize=(width, height))
-    
-    # 出力ファイルパス
     output_path = "/tmp/resized_video.mp4"
     resized_clip.write_videofile(output_path, codec="libx264", audio_codec="aac")
+    return output_path
+
+# Gradio Blocksを使ってインターフェースを組み立て
+with gr.Blocks() as demo:
+    gr.Markdown("### 動画リサイズツール")
+
+    with gr.Row():
+        video_input = gr.File(label="アップロードする動画", type="filepath")
+        resolution_display = gr.Textbox(label="元の解像度", interactive=False)
+
+    video_input.change(fn=show_original_resolution, inputs=video_input, outputs=resolution_display)
+
+    width_input = gr.Number(label="リサイズ後の幅", value=640)
+    height_input = gr.Number(label="リサイズ後の高さ", value=480)
+
+    resize_button = gr.Button("リサイズ実行")
+    output_video = gr.File(label="リサイズされた動画")
+
+    resize_button.click(fn=resize_video, inputs=[video_input, width_input, height_input], outputs=output_video)
 
-    # 結果を返す：リサイズ後の動画ファイル + 元のサイズ情報
-    resolution_info = f"元の解像度: {original_width} x {original_height}"
-    return output_path, resolution_info
-
-# Gradioインターフェース
-iface = gr.Interface(
-    fn=resize_video_and_show_resolution,
-    inputs=[
-        gr.File(label="アップロードする動画", type="filepath"),
-        gr.Number(label="リサイズ後の幅", value=640),
-        gr.Number(label="リサイズ後の高さ", value=480)
-    ],
-    outputs=[
-        gr.File(label="リサイズされた動画"),
-        gr.Textbox(label="元の解像度")
-    ]
-)
-
-iface.launch()
+demo.launch()