Update app.py

app.py

@@ -3,6 +3,40 @@ import gradio as gr
 from transformers import BarkModel, AutoProcessor
 import torch
 
+# función para el título animado 
+js = """
+function createGradioAnimation() {
+    var container = document.createElement('div');
+    container.id = 'gradio-animation';
+    container.style.fontSize = '2em';
+    container.style.fontWeight = 'bold';
+    container.style.textAlign = 'center';
+    container.style.marginBottom = '20px';
+
+    var text = 'Speech Generation!';
+    for (var i = 0; i < text.length; i++) {
+        (function(i){
+            setTimeout(function(){
+                var letter = document.createElement('span');
+                letter.style.opacity = '0';
+                letter.style.transition = 'opacity 0.5s';
+                letter.innerText = text[i];
+
+                container.appendChild(letter);
+
+                setTimeout(function() {
+                    letter.style.opacity = '1';
+                }, 50);
+            }, i * 250);
+        })(i);
+    }
+
+    var gradioContainer = document.querySelector('.gradio-container');
+    gradioContainer.insertBefore(container, gradioContainer.firstChild);
+
+    return 'Animation created';
+}
+"""
 # Desactivar paralelismo en tokenizers para evitar advertencias
 os.environ["TOKENIZERS_PARALLELISM"] = "false"
 
@@ -22,9 +56,9 @@ def say_something(text):
     return (sample_rate, audio_array)
     
 
-with gr.Blocks() as demo:
+with gr.Blocks(js=js) as demo:
     textBox = gr.Textbox(label="Text", value="Hello! [laugths]. This is a test!")
-    button = gr.Button("Generate Speech")
+    button = gr.Button("Generate Speech", variant="primary")
     audio_output = gr.Audio(label="Generated Speech")
     button.click(say_something, inputs=textBox, outputs=audio_output)