the function "withStreamlitConnection" may have a problem in Remote servers

[2859135131]

It works locally and can receive data returned from React, but when you mount a web page on the server, there is no way to send audio data to streamlit on the web page, and it seems that there is a problem with the link. At present, on this web page, it is possible to obtain microphone permissions normally with https, and it is no problem to download and play, I don't understand if I need to rely on anything else to ensure the link.

[jamiesun]

I'm also experiencing this problem, what do I need to do to fix it

[ptorru]

I can confirm this is still an issue, it would be nice to have a resolution :)

[b1ck0]

same problem

edit:

I found a solution of the problem. When you deploy to remote server or docker container you need to edit the streamlit run command to:

ENTRYPOINT ["streamlit", "run", "main.py", "--server.enableCORS=false", "--server.enableXsrfProtection=false", "--server.port=8501", "--server.address=0.0.0.0", "--server.sslCertFile=host.cert", "--server.sslKeyFile=host.key"]

keep in mind that you disable two security features --server.enableCORS=false and --server.enableXsrfProtection=false so use this with caution.

In addition you also need to generate SSL certificate:
openssl req -x509 -newkey rsa:4096 -keyout host.key -out host.cert -days 365 -nodes
and copy both host.key and host.cert in you container/remote machine