Audio Recorder - New Plugin from Zeroqode

hey Bubblers,
here goes one more plugin from Zeroqode
Audio Recorder - This plugin acts as an input element and allows you to record voice in .wav , .ogg or .pcm formats. You can also customize the colors of the microphone icon on play and on hold. Works on all devices and browsers except iPhones.

Here is the plugin page: Audio Recorder Plugin | Bubble
and demo page is here : plugindemo | Bubble Editor

Levon Terteryan
Founder @ Zeroqode & Bubblewits

zeroqode-for-web-160x120

Bubble Templates
Bubble Plugins
Bubble Courses
Convert Web to iOS & Android
No-code Development Services

3 Likes

“Works on all devices and browsers except iPhones.” Is this an insurmountable limitation to overcome or are you still working on this?

1 Like

Does not seem to work:

Tested in:
Safari MacBook Air
OS El Capitan: OS X 10.11.6
Safari Version 9.1.2 (11601.7.7)

Other devices soon…

Thanks

Turns out that the plugin doesn’t work in Safari on Mac, but does work in Chrome/Mac
We’ll try to find a solution for this as well as supporting iPhones.
Thanks!

Levon Terteryan
Founder @ Zeroqode & Bubblewits

zeroqode-for-web-160x120

Bubble Templates
Bubble Plugins
Bubble Courses
Convert Web to iOS & Android
No-code Development Services

@levon It seems that you are recording in stereo. Any chance to get it as a mono recording? Mono is required for speech-to-text engines (e.g. Google).

we’ve just implemented a small fix to force mono recording mode.
Please update the plugin version (and reload the editor just in case)
let us know if it’s still in stereo
thanks

Levon Terteryan
Founder @ Zeroqode & Bubblewits

let’s stay in touch on twitter!

zeroqode-for-web-160x120

Bubble Templates
Bubble Plugins
Bubble Courses
Convert Web to iOS & Android
No-code Development Services

2 Likes

Works like a charm. Thanks!
As the rest already worked it was like a magic moment to just update the plugin and the whole things works the way I intended it to do. :smiley:

Any plans on adding workflow actions? E.g. starting the recording on button or on page load and same for the stopping the recording (e.g. after button push or after x seconds).

1 Like

great, glad it worked.
yes we’ll add other workflow actions and i’ll post here when done.
Mind sharing with us how you use the plugin? :slight_smile:

Levon Terteryan
Founder @ Zeroqode & Bubblewits

let’s stay in touch on twitter!

zeroqode-for-web-160x120

Bubble Templates
Bubble Plugins
Bubble Courses
Convert Web to iOS & Android
No-code Development Services

We’ve just pushed an update to the plugin with workflows to start and stop recording. upgrade the version of the plugin and reload the editor before attempting to use it :slight_smile:

thanks
Levon Terteryan
Founder @ Zeroqode & Bubblewits

let’s stay in touch on twitter!

zeroqode-for-web-160x120

Bubble Templates
Bubble Plugins
Bubble Courses
Convert Web to iOS & Android
No-code Development Services

1 Like

Thanks!
Not sure it’s working correctly in a workflow. From my point of view there is something missing like “Use Result of Step 1”, as we have it in other workflow.

Not working:
Button 1 - Start recording
Button 2 - Stop recording & create a new thing with the Recorder’s value.

Working:
Button 1 - Start recording
Button 2 - Stop recording
Button 3 - Create a new thing with the Recorder’s value.

But normally we would want to have the stop and the save action in 1 workflow.
Does this make sense for you? Hope you understand what I mean.

Cheers.

hey Alex,
why do you need 3 buttons?
Just have a workflow for Button2 that would have first action to stop recording and then the second action to create a new thing with the recorder’s value.
did you try that?

Levon Terteryan
Founder @ Zeroqode & Bubblewits

let’s stay in touch on twitter!

zeroqode-for-web-160x120

Bubble Templates
Bubble Plugins
Bubble Courses
Convert Web to iOS & Android
No-code Development Services

Unfortunately that doesn’t work. But it would indead the preferred solution. As mentioned it does not save the recording to my database. The field is empty when I try this one.
Because of that I tried the 3-button-solution and magically the field is filled with the right entry.
Therefore my debugging skills would suggest that there is something missing or not working properly. :wink:
Cheers

the problem here seems that the plugin doesn’t have enough time to save the recording to Bubble. We will add a new state “when recoding upload finished” so you can do a separate workflow which would run on that condition. Meanwhile if you simply insert a “delay” action between the 2, that should do the trick I guess.

ok, we’ve just pushed an update with “when recording upload finished” state which you can use to create a “do when condition is met” workflow

1 Like

Alright, seems to work! Thx for the fast support. :+1:
Feels a bit buggy but I think that’s more on my side and how I build the whole thing. Will test it with some users to get a better understanding of the problems.
I can also give you access to the tool (as you asked for my use case) but it’s only in German right now. But once we are ready for the a beta phase we will have it in English as well.

yes, Alex, would be curious to take a look if you could share the link :slight_smile:

thanks!

Levon Terteryan
Founder @ Zeroqode & Bubblewits

let’s stay in touch on twitter!

zeroqode-for-web-160x120

Bubble Templates
Bubble Plugins
Bubble Courses
Convert Web to iOS & Android
No-code Development Services

Sure, I’ll send you a PM.

we just published the support for ios devices in safari (version 11 and above)

Levon Terteryan
Founder @ Zeroqode & Bubblewits

let’s stay in touch on twitter!

zeroqode-for-web-160x120

Bubble Templates
Bubble Plugins
Bubble Courses
Convert Web to iOS & Android
No-code Development Services

@levon We have tried using the plugin but the recorder will not turn on. We have tried multiple workarounds on different devices and it still won’t work. Can you please check this out ? We are looking to launch soon and this plays a critical roll. Thanks !

hmm… strange as it works for us, we’d need screenshots of the plugin configuration as well as the link (with login/password if necessary) to the page