Update app.py

app.py

@@ -46,22 +46,30 @@ def run_infrence(input_image,input_audio):
     output, error = process.communicate()
 
     return audio_video()
-
+    
 def run():
-  with gr.Blocks(css=".gradio-container {background-color: lightgray} #radio_div {background-color: #FFD8B4; font-size: 40px;}") as demo:
-    gr.Markdown("<h1 style='text-align: center;'>"+ "Wav2lip Lip Sync Using Image and Audio" + "</h1><br/><br/>")
-    with gr.Group():
+    with gr.Blocks(css=".gradio-container {background-color: lightgray} #radio_div {background-color: #FFD8B4; font-size: 40px;} h3,h1,h2,p {color: black;}") as demo:
+        gr.Markdown("<p style='text-align: left;font-size:18px'>"+ "Hey, check out our Gradio app! It's like having a magic tool for making videos. You put in a picture and audio, and it creates a video where the lips move perfectly with the audio. It's super easy – just upload your picture and audio, and click 'generate'! You've got a cool video where it looks like the person in the picture is speaking." + "</p>")
+        with gr.Group():    
+            with gr.Row():
+                input_image = gr.Image(label="Input Image")
+                input_audio = gr.Audio(label="Input Audio")
+                video_out = gr.Video(show_label=True,label="Output")
+            with gr.Row():
+                btn = gr.Button("Generate")
+        gr.Markdown("<h1 style='text-align: center;'>"+ "Demo Inputs and Output" + "</h1>")   
         with gr.Row():
-            input_image = gr.Image(label="Input Image")
-            input_audio = gr.Audio(label="Input Audio")
-            video_out = gr.Video(show_label=True,label="Output")
-        with gr.Row():
-            btn = gr.Button("Generate")   
+            gr.Image("sample/spark.png",label="Input Image")
+            gr.Audio("sample/spark_1.1.mp3",label="Input Audio")
+            gr.Video("sample/final_output.mp4",label="Output")
+        
+        gr.Markdown("""<p style='text-align: center;'>Feel free to give us your thoughts on this demo and please contact us at 
+                    <a href="mailto:[email protected]" target="_blank">[email protected]</a> 
+                    </p><p style='text-align: center;'>Developed by: <a href="https://www.pragnakalp.com" target="_blank">Pragnakalp Techlabs</a></p>""")
     
-    btn.click(run_infrence,inputs=[input_image,input_audio], outputs=[video_out])
-    demo.queue()
-    demo.launch(server_name="0.0.0.0", server_port=7860)
-
+        btn.click(run_infrence,inputs=[input_image,input_audio], outputs=[video_out])
+        demo.queue()
+        demo.launch(server_name="0.0.0.0", server_port=7860)
 
 if __name__ == "__main__":
     run()