How to change st.audio display appearance?

I am building a chatbot that can give voice message replies to users. Now, I am using st.audio to display the voice messages but I am wondering if is there a way we can change the appearance of st.audio so that it can look more like a voice message instead of an audio displaying tool?

I am thinking if we can insert some HTML and CSS scripts to st.markdown, but I have limited frond end experience so I failed๐Ÿ˜ญ

Hey @TF_Z, I see this is your first post, so welcome to our community! :hugs:

You could use HTML and CSS for basic customization within Streamlit, but for more extensive styling, I would consider embedding a custom-styled audio player from an external website into your app using an <iframe> in st.markdown.

Let me know if youโ€™d need any more support.

Best,
Charly

1 Like