Display data from API call into a < >HTML audio player

Hi everyone!

I really need some help, not sure how to explain the problem in an easy way.

I need to play an audio in a HTML element and I don’t know how to display this data.

This is the response from the api call. ( I think I need to display the proxylink

In the workflow, after the API call > DIsplay data in the Repeating group

Not sure about this: Set a custom state in the page (tool_template).

The repeating group has a group inside, both with Type of content "that API call"and Data Source is empty


And this is the HTML elemt. Source of the file to play is form the Custom State


Does anybody know what can I do to make this work?
Maybe create a custom event from a reusable element, not from a page?

I am lost, I would appreciate any advice!

If it’s in a Repeating Group, I’m assuming you want to a play a unique audio file for each cell. There are two ways to accomplish this:

  1. Return a list of links from the API and then make the data type of the Repeating Group the API’s response type and set the API response as the data source for the RG.

  2. Change the API call to a data call instead of an action, then populate the HTML element in the RG cell with an API data call that returns just a single result. This means the API will be called for each cell in the RG which may or may not be ideal for your situation.

I would like to play only one audio file in one Html element.
I might not need the Repeating group then, but dont know how to do it.

Thanks for your response anyway!

Ok, if it’s just one file that’s easier. It looks like you are referencing a data type called Tool instead of an audio file URL. Just skip all that and make the audio source URL = the proxy URL from your API response.

1 Like

Thank you so much! I think it’s working. }

I am new with Bubble, I didn’t know what an API was 3 months ago… hahaha
But now I am almost finishing a product!

1 Like

That’s what it’s all about right there! :raised_hands: