Custom audio/podcastplayer

Ask the community
, ,
1

I everyone looking for som help to get a custom audio/podcastplayer working on my studio site.

Product:
Studio, Velo

What are you trying to achieve:
I have designed a custom podcast player using svg’s(see attached image), now I need the code to get this up and running.

What have you already tried:
Tried “consulting” with ChatGPT but cannot seem to get it working..

Additional information:
As you can see in the picture I have a container to the left and a “list” of related episodes on the right.
I want, lets call it, episode 1 loaded in the “container” (the one to the left) on page load. Episode 2-4 in the “list” to the right. When an episode from the list’s play button is clicked I want it to appear in the “container”
When clicking the play button in the container I also have a sticky player on the bottom of the page that i want to appear.

Would be mega happy if som Velo pro could help me figure this one out

Skärmbild 2025-03-24 121737
Skärmbild 2025-03-24 1217371414×612 140 KB

2

Hey Sebastian,

I’d highly recommend checking out this detailed, in-depth tutorial on how to create a YouTube like Video Player using Wix Studio. It is very similar to what you are trying to achieve, the only difference being that you want just want an audio player, whereas this is video. However other than some minor changes in the components and code, most of the core functionality remains the same - and this should help you get started.

3

@pratham, thank you! I think I actually have managed to figure it out using ChatGPT.
Thanks for your input and I wish you a fantastic weekend!
// Sebastian