Update app.py

app.py

@@ -33,7 +33,27 @@ def read_pdf(pdf_url):
 def load_html(url):
     html=f"""<iframe src="https://docs.google.com/viewer?url={url})&embedded=true" frameborder="0" height="1200px" width="100%"></iframe></div>"""
     return html
-        
+head = """
+<script>
+function run(url_in) {
+    let url = String(url_in)
+    console.log(url);
+    
+    var framediv = document.getElementById('cap');
+    let child = framediv.lastElementChild;
+    while (child) {
+        framediv.removeChild(child);
+        child=framediv.lastElementChild;
+    }   
+    const iframediv = document.createElement('iframe');
+      iframediv.src = 'https://docs.google.com/viewer?url=' + url +'&embedded=true';
+      iframediv.width = '100%'; 
+      iframediv.height = '1000px';
+      iframediv.frameborder="0";
+      framediv.appendChild(iframediv);
+}
+</script>
+"""
 js="""
 function () {
     const urlParams = new URLSearchParams(window.location.search);
@@ -68,13 +88,14 @@ function () {
     } else {
         p_pau = "1";
     };    
+    run(p_pdf)
     return [p_pdf, p_mod, p_len, p_nos, p_wid, p_pau];
 }
 """
 
-with gr.Blocks() as app:
+with gr.Blocks(head=head) as app:
     a=gr.Audio(streaming=True,autoplay=True)
-    h=gr.HTML()
+    h=gr.HTML("""<div id='cap'></div>""")
     with gr.Column(visible=False):    
         t=gr.Textbox(label="url",interactive=False,visible=True)
         m=gr.Textbox(label="mod",value="en_US-joe-medium",interactive=False,visible=True)
@@ -84,8 +105,7 @@ with gr.Blocks() as app:
         p=gr.Textbox(label="pau",value="1",interactive=False,visible=True)
         bulk=gr.Textbox(label="bulk",interactive=False,visible=True)
     
-    app.load(None,None,[t,m,l,n,w,p],js=js).then(load_html,t,h)
-    
+    app.load(None,None,[t,m,l,n,w,p],js=js)
     t.change(read_pdf,t,bulk)
     m.change(pp.load_mod,m,None)
     bulk.change(pp.stream_tts,[bulk,m,l,n,w,p],a)