Here an example of adding a native audio recorder to your Bubble web app and send the file to an external webhook (can be s3) with 7 simple commands. Just copy and past this code and you’re set.
- $audio.record will call the Jasonelle recorder
- after recording (success), it send the file with the $network.request.
- url is where the file go.
To receive the file, I use > Integromat Scenario webhook command, then convert the base64 file to a binary file (audio is a m4a type), and then send directly to Amazon S3 drive. It take 10 minutes to do so.
This is what looks your new Jasonelle text file (json format).
in Bubble, you add a simple HTML window with your own image of recorder.
The recorder look like this: