streamlit-audio-recorder icon indicating copy to clipboard operation
streamlit-audio-recorder copied to clipboard

Record Audio from the User's Microphone in Apps that are Deployed to the Web. (via Browser Media-API, REACT-based, Streamlit Custom Component)

Streamlit Audio Recorder

Streamlit App Generic badge Generic badge GitHub license

Custom component, implemented by Stefan Rummer,
based on doppelgunner 's Audio-React-Recorder

Screenshot 2022-05-16 at 16 58 36

Features & Specs

  • Manage access to the user's microphone via the browser's Media-API
  • Record, playback and revert audio-recordings in apps deployed to the web
  • Download the final recording to your local system! - WAV, 16 bit, 44.1 kHz
  • Directly return audio recording-data to Python backend! - arrayBuffer format

Setup & How to Use

1. PIP Install the component (download from PyPI)

pip install streamlit-audiorec

2. Import and Initialize the component (at the top of your script)

from st_audiorec import st_audiorec

3. Add an Instance of the audio recorder to your streamlit app's code.

wav_audio_data = st_audiorec()

if wav_audio_data is not None:
    st.audio(wav_audio_data, format='audio/wav')

4. Enjoy recording audio inside your streamlit app! 🎈

Feel free to reach out to me in case you have any questions!
Pls consider leaving a star ☆ with this repository to show your support.