add splitter

app.py

@@ -49,7 +49,7 @@ head = '''
         import { matcha_tts,env ,start_thread_play_tts} from "https://akjava.github.io/Matcha-TTS-Japanese/js-esm/matcha_tts_onnx_en.js";
         window.MatchaTTSEn = matcha_tts
         window.start_threads = async function(){
-            //sadly onload unstable
+            //sadly onload unstable.only me or gradle
             //console.log("start_threads")
             await start_thread_play_tts();
             await start_multi_line_tts();
@@ -142,14 +142,13 @@ window.reset_tts_text = reset_tts_text
 
 with gr.Blocks(title="LLM with TTS",head=head) as demo:
     gr.Markdown("## A LLM is unstable:The inference client used in this demo exhibits inconsistent performance. While it can provide responses in milliseconds, it sometimes becomes unresponsive and times out.")
-    gr.Markdown("## TTS talke a long loading time:Please be patient, the first response may have a delay of up to over 20 seconds while loading.")
+    gr.Markdown("### TTS talke a long loading time:Please be patient, the first response may have a delay of up to over 40 seconds while loading.")
     gr.Markdown("**Mistral-7B-Instruct-v0.3/LJSpeech**.LLM and TTS models will change without notice.")
     
     js = """
     function(chatbot){
     window.update_chatbot(chatbot)
     var chatElement = document.getElementById('gr-chatbot');
-    console.log(chatElement.scrollHeight)
     chatElement.scrollTop = chatElement.scrollHeight;
     var logElement = chatElement.querySelector('div[role="log"]');
     logElement.scrollTop = logElement.scrollHeight;