Update app.py

app.py

@@ -8,11 +8,8 @@ import io
 
 def hide_notice():
     return gr.update(visible=False)
-def show_popup():
-    return gr.update(visible=True)
-
-def hide_popup():
-    return gr.update(visible=False)
+def start_app():
+    return gr.update(visible=False), gr.update(visible=True)
 
 def audio_to_bytes(audio):
     data, sr = sf.read(audio)
@@ -225,98 +222,104 @@ demo = gr.Blocks(css=css_content) #, fill_width=True)
 with demo:
 
     intro = gr.Column(visible=True, elem_id="intro-message")
+    app_block = gr.Column(visible=False)
+    
+    def start_app():
+        return gr.update(visible=False), gr.update(visible=True)
+    
     with intro:
         gr.Markdown("""
         Welcome!
-
+    
         ⚠️ The recordings are not saved and are automatically removed.
         """)
         ok_button = gr.Button("OK")
-        ok_button.click(fn=lambda: gr.update(visible=False), outputs=intro)
-
-    
-    gr.HTML("""
-<div id="header">
-    <h1>LANGSWITCH</h1>
-    <h3>Multilingual Automatic Speech Recognition in noisy environments</h3>
-</div>
-""")
-
-    with gr.Tab("Transcribe microphone"):
-        iface = gr.Interface(
-            fn=transcribe_mic,
-            inputs=[
-                gr.Audio(sources="microphone", type="filepath"),
-                gr.Dropdown(label="Language", choices=[("English", "en"),
-                                     ("Euskara", "eu"),
-                                     ("Español", "es"),
-                                     ("Français", "fr"),
-                                     ("Italiano", "it")],
-                            value="en")
-            ],
-            outputs=[
-                gr.Textbox(label="Transcription", autoscroll=False),
-                #gr.Textbox(label="Speaker Identification", autoscroll=False)
-            ],
-            allow_flagging="never",
-        )
+        ok_button.click(fn=start_app, outputs=[intro, app_block])
 
-    with gr.Tab("Transcribe local file"):
-        iface = gr.Interface(
-            fn=transcribe_file,
-            inputs=[
-                gr.Audio(sources="upload", type="filepath"),
-                gr.Dropdown(choices=[("English", "en"),
-                                     ("Euskara", "eu"),
-                                     ("Español", "es"),
-                                     ("Français", "fr"),
-                                     ("Italiano", "it")],
-                            value="en")
-            ],
-            outputs=[
-                gr.Textbox(label="Transcription", autoscroll=False),
-                #gr.Textbox(label="Speaker Identification", autoscroll=False)
-            ],
-            allow_flagging="never",
-        )
+    with app_block:
 
-    ###############################
-    #popup = gr.Column(visible=False, elem_classes="popup-overlay")
-    #with popup:
-    #    with gr.Column(elem_classes=["popup-box"]):
-    #        gr.Markdown(
-    #            """
-    #            ### ℹ️ Notice
-    # 
-    #             Grabaketak ez dira gordetzen eta automatikoki ezabatzen dira.  
-    #             No se guardan las grabaciones y se eliminan automáticamente.  
-    #             The recordings are not saved and are automatically removed.
-    #             """
-    #         )
-    #         ok_btn = gr.Button("OK", elem_classes=["popup-button"])
-    #         ok_btn.click(fn=hide_popup, outputs=popup)
-
-    ## Show on load
-    #demo.load(fn=show_popup, outputs=popup)
-    #
-    ###################
+        gr.HTML("""
+    <div id="header">
+        <h1>LANGSWITCH</h1>
+        <h3>Multilingual Automatic Speech Recognition in noisy environments</h3>
+    </div>
+    """)
+    
+        with gr.Tab("Transcribe microphone"):
+            iface = gr.Interface(
+                fn=transcribe_mic,
+                inputs=[
+                    gr.Audio(sources="microphone", type="filepath"),
+                    gr.Dropdown(label="Language", choices=[("English", "en"),
+                                         ("Euskara", "eu"),
+                                         ("Español", "es"),
+                                         ("Français", "fr"),
+                                         ("Italiano", "it")],
+                                value="en")
+                ],
+                outputs=[
+                    gr.Textbox(label="Transcription", autoscroll=False),
+                    #gr.Textbox(label="Speaker Identification", autoscroll=False)
+                ],
+                allow_flagging="never",
+            )
+    
+        with gr.Tab("Transcribe local file"):
+            iface = gr.Interface(
+                fn=transcribe_file,
+                inputs=[
+                    gr.Audio(sources="upload", type="filepath"),
+                    gr.Dropdown(choices=[("English", "en"),
+                                         ("Euskara", "eu"),
+                                         ("Español", "es"),
+                                         ("Français", "fr"),
+                                         ("Italiano", "it")],
+                                value="en")
+                ],
+                outputs=[
+                    gr.Textbox(label="Transcription", autoscroll=False),
+                    #gr.Textbox(label="Speaker Identification", autoscroll=False)
+                ],
+                allow_flagging="never",
+            )
     
-    gr.HTML("""
-<div id="orai-info">
-    <div class="logos">
-        <div class="sermas-logo">
-            <img src="https://sermasproject.eu/wp-content/uploads/2023/04/sermas-logo.png" width=100/>
-            <span>SERMAS</span>
+        ###############################
+        #popup = gr.Column(visible=False, elem_classes="popup-overlay")
+        #with popup:
+        #    with gr.Column(elem_classes=["popup-box"]):
+        #        gr.Markdown(
+        #            """
+        #            ### ℹ️ Notice
+        # 
+        #             Grabaketak ez dira gordetzen eta automatikoki ezabatzen dira.  
+        #             No se guardan las grabaciones y se eliminan automáticamente.  
+        #             The recordings are not saved and are automatically removed.
+        #             """
+        #         )
+        #         ok_btn = gr.Button("OK", elem_classes=["popup-button"])
+        #         ok_btn.click(fn=hide_popup, outputs=popup)
+    
+        ## Show on load
+        #demo.load(fn=show_popup, outputs=popup)
+        #
+        ###################
+        
+        gr.HTML("""
+    <div id="orai-info">
+        <div class="logos">
+            <div class="sermas-logo">
+                <img src="https://sermasproject.eu/wp-content/uploads/2023/04/sermas-logo.png" width=100/>
+                <span>SERMAS</span>
+            </div>
+            <img src="https://www.orai.eus/themes/custom/orai_for_drupal9/orai_bw.svg" width=175/>
+        </div>
+        <div id="orai-info-text">
+            <p>The <span class="bold">LANGSWITCH</span> sub-project is part of the Open Call 1 of the <span class="bold">SERMAS</span> project. The goal of the <span class="bold">SERMAS</span> project is to provide socially-acceptable extended reality models and systems.</p>
+            <p>The technology powering LANGSWITCH was developed by <span class="bold">Orai NLP Teknologiak</span></p>
+            <p><span class="bold">Orai NLP Teknologiak</span> specializes in research, development, and innovation in artificial intelligence, with a focus on fostering a more competitive industrial and business landscape, enhancing public administration efficiency, and promoting a more inclusive society.</p>
         </div>
-        <img src="https://www.orai.eus/themes/custom/orai_for_drupal9/orai_bw.svg" width=175/>
-    </div>
-    <div id="orai-info-text">
-        <p>The <span class="bold">LANGSWITCH</span> sub-project is part of the Open Call 1 of the <span class="bold">SERMAS</span> project. The goal of the <span class="bold">SERMAS</span> project is to provide socially-acceptable extended reality models and systems.</p>
-        <p>The technology powering LANGSWITCH was developed by <span class="bold">Orai NLP Teknologiak</span></p>
-        <p><span class="bold">Orai NLP Teknologiak</span> specializes in research, development, and innovation in artificial intelligence, with a focus on fostering a more competitive industrial and business landscape, enhancing public administration efficiency, and promoting a more inclusive society.</p>
     </div>
-</div>
-<p>""")
+    <p>""")
     
 demo.queue(max_size=1)
 #demo.launch(share=False, max_threads=3, auth=(os.getenv("username"), os.getenv("password")), auth_message="Please provide a username and a password.")