Hi, I am using the following code in an embed HTML element to create an audio player. When this code is used in code editors it works fine, however I cant figure out why the buttons arent working. I got the code from another thread where @Quentin provided it.
The only part of the player that actually works is the 3 little dots at the end to download the file. The volume and everything else doesnt function.
One more question if possible. I’m trying to style the audio player with CSS. I’ve set the elements HTML Attribute to “audio-player” and put the css in the custom code for the page referencing the element id, and I also tried using the css right inside the elements custom css box and I cant seem to see any changes at all, even when I publish it.
Whats the best way to add the custom css to this audio component?
I would like to take the opportunity of this post to ask you a question :
Is there a way to style the audio player outside of “custom code” ?
Because I’d like to integrate the audio player in a tricky way. And it’s very inconvenient to publish my page to see the result (as the code in “custom code” only appears in published project). It’s also very inconvenient to design the rest of my page if the audio player isn’t correctly integrate.
What I ended up doing was basically rebuilding the Apple player in my app, with my own pause and play buttons etc. I use the Video Player component to actually play the audio file, only I don’t actually display the component, because of course there isnt a video to show.
This way in a workflow you can use actions on ‘Execute Component Action’ for the audio player to handle the pausing and playing of the file.