Hi! Just uploaded my first component to PyPI : streamlit-mic-recorder It is made for voice recording and easy text to speech implementation in your app. I tried to make its usage as reliable and easy as can be, and struggled to make it look just like an st.button widget whatever the theme you ch…

By the way, I noticed that st.button’s background and border color are not exactly colors passed in the theme prop, but look like weighted averages of these colors. I iterated to get a closely enough result but it’s still not exactly right. Could a streamlit dev give some details on how these colo…

That sounds like an amazing component! Thank you for sharing it with us! Could a streamlit dev give some details on how these colors are computed ? This could be helpful when we want to design components that integrate well in any theming of the app. Regarding your request, @jrieke might be able…

Hello, I am trying to launch an app with your component. On the Streamlit side, I launch it with option --server.port=8080 in order to access it from another computer (hosting computer is an Ubuntu 22.04 without graphical interface). The aim is to get the sound from my browser (tried with Chrome,…

Thanks for your efforts. I appreciate if you can guide me to replace the text written on the button of recording “Start Recording” to an image or emoticon and the same for “Stop Recording” . Is that possible? Thanks for your interest

Hello, it’s just in this line : def WhisperSTT(openai_api_key=None,**start_prompt="Start recording"**,**stop_prompt="Stop recording"**,just_once=False,use_container_width=False,language=None,callback=None,args=(),kwargs={},key=None): I did it and I can confirm that the label on the button changes …

Hello @slain , I don’t know, you’re using the component in a setting I’m not familiar with. I would obviously recommend checking first if you manage to record and play the recorded audio using the component within your frontend/backend setting. Once you get to record and play the audio, it means th…

Hello @paulovcmedeiros ! Thanks for the nice comment. Happy that you like it ! All the best for your new app. Cheers!

Hello and thank you for your answer. I think your tips will help me improve the Python part of my code. Then, I will have to mix Html/js to get an audio record from a user’s microphone, PHP/Ajax to save in on the server and Python to transform this audio in a text file. Speechbrain is here to do …

New component : streamlit-mic-recorder, designed for easy speech to text implementation

Custom Components

paulovcmedeiros February 25, 2024, 12:16pm 7

Nice! I’m testing this for a future release of an streamlit-powered app I wrote recently (pyrobbot) and it seems to work like a charm. Kudos!

Topic		Replies	Views
Record sound from the user's microphone with streamlit Using Streamlit	9	40607	June 9, 2023
Speech to text in st.chat_input Using Streamlit	2	12930	August 21, 2023
Streamlit not able to access client mic while implementing STT Using Streamlit pyaudio , debugging	21	1505	October 2, 2024
Speech To Text On Client Side Using HTML5 and Streamlit Bokeh Events Show the Community!	19	20552	January 10, 2025
Streamlit Real Time audio Recorder with silence detection Custom Components streamlit-cloud , audio , components , openai , discussion	0	539	April 24, 2025

New component : streamlit-mic-recorder, designed for easy speech to text implementation

Related topics