Services Plugins FAQs

Advanced Audio Player Plugin - reading from blob storage

Hi team,

I am looking to purchase the Advanced Audio Player Plugin for Bubble and before i do so, i have few easy questions and i hope you can help me obtain clarity before we make our decision.

  1. There is an Upload an audio feature, must i use this to upload audio in order for the audio player to work or can i bulk upload files into bubble’s file manager and read the mp3 from there?

  2. also, we are thinking of storing our mp3 files on either azure or aws blob storage, can the audio player read the file from there and play the mp3 with no lost of functionality?

  3. finally, are we able to add categories e.g. have a category for relaxing, dancing, reading music?

thank you in advance for your reply.

Regards
SChia

Hi Zeroqode team,

any assistance on this question? thank you.

Hi @simon.chia

Thanks for your interest in the Advanced Audio Player plugin! Happy to clarify your questions before you make a decision.

1. Do I have to use the “Upload an audio” feature, or can I use Bubble’s File Manager?

No, you don’t have to use the plugin’s upload feature. You can bulk upload MP3 files directly to Bubble’s File Manager and store their URLs in your database. The player can then retrieve and play those files without issues.

2. Can the player stream MP3 files from Azure or AWS Blob Storage?

Yes! The Advanced Audio Player can play MP3 files hosted on external storage like Azure Blob Storage or AWS S3, as long as:
:heavy_check_mark: The file is publicly accessible or has the correct permissions to allow streaming.
:heavy_check_mark: You store and pass the direct file URL to the audio player in Bubble.

3. Can we add categories (e.g., Relaxing, Dancing, Reading music)?

Yes! You can organize your audio files into categories by storing them in your Bubble database with a “Category” field. Then, you can:

  • Use Dropdowns or Repeating Groups to filter tracks by category.
  • Display and play different lists of tracks based on the selected category.

Final Thoughts

The plugin should work well with both Bubble’s storage and external hosting services like Azure or AWS.

Let me know if you have any other questions.:pray:

Best Regards,
Support Team
Browse all Zeroqode Plugins for Bubble
Banner_Last3

Continuing the discussion from Advanced Audio Player Plugin - reading from blob storage:

hello Mina, Thank you for your response.

Under Bubble’s File Manager, I only have the option to upload 1 file at a time. What method would you recommend that i store the URL in my db? I am also new to bubble so any guidance that you can provide is highly appreciated.

lastly, in the Advance Audio Player Plugin - which section do i use to call the URL stored in either AWS or bubble?

Thank you for your time.

regards
SChia

Hi @simon.chia,

You’re very welcome! Happy to help further.

1. Bulk Uploading Audio Files & Storing URLs in Bubble

Since Bubble’s File Manager only allows single file uploads via the UI, here are a few ways to bulk upload MP3 files and store their URLs in your database:

Option 1: Use Bubble’s Multi-File Uploader

  • Bubble has a Multi-File Uploader element that lets you upload multiple files at once.
  • After uploading, you can save each file’s URL into your database automatically using a workflow.

Option 2: Upload Files Directly to AWS S3 or Azure Blob Storage

  • You can manually upload your MP3 files to AWS S3 or Azure Blob Storage and get their public URLs.
  • Store these URLs in your Bubble database under a field like audio_url.

Option 3: Use a CSV File for Bulk Import

  • If you already have a list of MP3 URLs (from AWS, Azure, or another source), you can import them into Bubble using a CSV file.
  • Go to Bubble’s Data tab > App Data > Upload CSV, and map the column containing the MP3 URLs to a field in your database.

2. Using the Advanced Audio Player to Play External URLs

Once your MP3 URLs are stored in Bubble, you can use the Advanced Audio Player to play them:

How to Call the URL in the Audio Player Plugin

  • In the Audio Player element, set the Audio Source URL to the field where your MP3 URL is stored.
  • Example: If your database has a Song data type with a field called audio_url, set the player’s Audio Source to Current Cell's Song's audio_url.

Playing Files from AWS or Azure

  • If the MP3 files are publicly accessible, just store their direct URLs and pass them to the player.
  • If the files require authentication, you may need to generate signed URLs from AWS/Azure to allow streaming.

Helpful Resources

For more details, you can check out the following:
:open_book: Plugin Documentation: Advanced Audio Player Docs
:clapper: Live Demo (Compare Setup): Audio Player Demo
:books: Bubble Documentation: Bubble Manual

Support Disclaimer

We provide general support related to plugin issues and bug fixes. For implementation guidance, we recommend checking the plugin documentation and demo setup. Additionally, you’re free to ask for help in the community:
:speech_balloon: Bubble Forum: https://forum.bubble.io/
:speech_balloon: Zeroqode Forum: https://forum.zeroqode.com/

Let me know if you need any clarifications!

Best regards,
Support Team
Browse all Zeroqode Plugins for Bubble
Banner_Last3