Autoplay option for audio files

Request

When a user uploads an audio file via st.audio(), they then have to hit the play button to hear the audio. While this works in most cases, for interesting applications, like writing an app that takes text-to-speech, it would be reasonable to have the audio file play once automatically.

Solution

MVP: What’s the smallest possible solution that would get 80% of the problem out of the way?

To have a parameter like auto_play that can be passed to the function such as st.audio(file.mp4,auto_play=True) (default is auto_play=False), that triggers the audio file to play one time after the file is finished loading.

Additional context

The conversation that sparked this Feature Request from the streamlit community

---

Community voting on feature requests enables the Streamlit team to understand which features are most important to our users.

If you’d like the Streamlit team to prioritize this feature request, please use the 👍 (thumbs up emoji) reaction in response to the initial post.

[tdekelver]

I found a workaround. You can use html code to do exactly this:

import streamlit as st
import time

html_string = """
            <audio controls autoplay>
              <source src="https://www.orangefreesounds.com/wp-content/uploads/2022/04/Small-bell-ringing-short-sound-effect.mp3" type="audio/mp3">
            </audio>
            """

sound = st.empty()
sound.markdown(html_string, unsafe_allow_html=True)  # will display a st.audio with the sound you specified in the "src" of the html_string and autoplay it
time.sleep(2)  # wait for 2 seconds to finish the playing of the audio
sound.empty()  # optionally delete the element afterwards

This will display the same widget as st.audio but will autoplay the sound once it is created. You can also afterwards remove it again by using the .empty(), but you need to time.sleep(2) to make sure it has enough time to finish autoplaying.

This works both locally as on streamlit cloud!

[juanblue2022]

I found a solution to not show the player: <audio autoplay> instead of <audio controls autoplay>