gr.Audio blocked by nginx

[pseudotensor]

Describe the bug

gr.Audio playing gets stuck and doesn't play, and then never goes to stop/pause mode after clicking play. However, this only happens for the indirect nginx DNS not the direct port.

#7391 (comment)

Have you searched existing issues? 🔎

• I have searched and found no existing issues

Reproduction

Just any gr.Audio with some file path.

There are some bad console errors even on startup of app:

But new errors appear after trying to view the audio element before pressing play:

The element also looks off, no time, should be 1s:

Then when clicking play it just gets stuck:

Screenshot

No response

Logs

No response

System Info

gradio 4.19.1

Severity

Blocking usage of gradio

[abidlabs]

Thanks @pseudotensor looking into this

[abidlabs]

Noticed that this happens with share links as well:

import gradio as gr

with gr.Blocks() as demo:
    gr.Audio("https://file-examples.com/storage/fe98e6ab1965df346a899de/2017/11/file_example_MP3_700KB.mp3")
    
demo.launch(share=True)