Skip to content

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

License

Notifications You must be signed in to change notification settings

stefanrmmr/streamlit-audio-recorder

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.