Forum Documentation Showcase Pricing Learn more

How to record audio file

Hi All,

I just installed “Audio Recorder & Visualizer” plugin developed by Bubble, and want to make a test recording.
The main functionality is to record a file on browser, save this file on the server, get its path and save in db.

But I do not see any possibility of doing all these things.

Please, help to understand how can I do all these things by using Bubble “Audio Recorder & Visualizer” plugin,
OR, may be I must use the paid “Audo Recorder” plugin developed by ZeroCode?

regards, Karen

You will find info: [New Feature] Audio recorder element
BTW Plugin from Zerocode working very well too.

And some screen shots to help:

in your page:





Thank you for your quick answer and detailed message.
I was able to start and stop the recording by clicking a button.
And it seems the file is recorded.
But, how can I get the recorded file path+name and save it in db?


Relevant excerpt:

Hello Karen,

Have you found it? I realized that’s I’m using the plugin from ZeroCode, and not anymore the Bubble audio plugin. Keith gave you the link. It’s not that easy at first. :wink:

hi John Mark,

Yes I found some small things with bubble audio recording plugin, but not sure how does it return the recorded file path.

First, I highly recommend you to use the audio plugin from Zerocode because it works on mobile! If you can afford it.

When the recording is finished, use action ‘upload’ to save the file and then action ‘make change’ as described.

forgot this one. You can save as text or file. Your choice. When saving as a file, you can use the audio player.

The reason for this is the Bubble audio recorder’s value is a URL to the saved file. That is, it is a text representing where the audio file has been stored (https://somethingsomething).

hi All,

thank you for all your messages, they are very helpfull,
we used them to solve our problems

1 Like

Hi there,
I’m looking for an Audio recorder plugin (or other custom solutions) that work on mobile browsers (iOS and Android). Any suggestion?


Hi @matteo

The only one at the moment is from zeroqode Audio recorder for mobile (iOS and Android)

1 Like

Hi @JohnMark,
thank you for your answer!

I’ve tried it on iOS, it works on Safari but not on Chrome.
Same for you?


nothing perfect, but yes. :slight_smile:

Dears, hello.

I’m Olivier new to
Sorry to undertake this post. I’m looking for some help on the implementation of the Bubble’s Audio Recorder and Vizualiser to validate a idea (before using the one from zeroqode).
Thanks JohnMark for your descrption of the steps.
I probably missed something but I cannot reach the goal to record my voice and create a data in the database (with URL or txt file). The items I see on the workflow “makes chang to current user” is different and I did not find the right way to makes it work properly… :frowning:

Is there anyone with experience on implementing this ?
Thanks a lot in advance.

Best regards,

Hi there,
I’m reply on myself as I found the solution on my problem.
It is simple, to upload the URL in the db, just choose the db_record you have (i.e. VoiceRecord is one column in my db) and choose result of previous step which is “Upload content of AudioRecorder A”
For me it is VoiceRecordURL = Result of step 3 (Upload content of…)

And it’s done :wink:


1 Like