hi guys, new bubble developer here.
I have a HTML5 music player which has a simple play, stop, forward and rewind function. i have a few mp3s that i want the user to play using this HTML5 player. in my initial test, i use a HTML element to build my HTML5 music player and it worked well with hard coded URL e.g.
const songs = [
{
title: "Relaxing Piano",
artist: "Meditation Music",
url: "https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3"
},
{
title: "Ocean Waves",
artist: "Nature Sounds",
url: "https://www.soundhelix.com/examples/mp3/SoundHelix-Song-2.mp3"
},
{
title: "Forest Ambience",
artist: "Meditation Music",
url: "https://www.soundhelix.com/examples/mp3/SoundHelix-Song-3.mp3"
}
];
my bubble question is, since the songs will be from bubble’s file manager, how do i read the url from the file manager and replace it in my HTML5 code? do i build an API for it or is there a workaround for it? i am a but lost with how to solution this in bubble. thank you.