stefanrmmr / streamlit-audio-recorder

Record Audio from the User's Microphone in Apps that are Deployed to the Web. (via Browser Media-API, REACT-based, Streamlit Custom Component)
MIT License
415 stars 75 forks source link
audio audio-recorder custom-component react-audio-recorder streamlit streamlit-application streamlit-audio-recorder streamlit-component streamlit-components streamlit-custom-component streamlit-webapp

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

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.