Hi there , can you give me som advice to add an audio widget? I have tried using custom code. I am adding it from Common Ninja
Thanks in advance
Sue
Bootstrap Studio doesn’t really support “widgets” in the WordPress sense. If your audio file is a mpeg, wav or ogg, you can just use BSS’s HTML5 Audio Component. You’ll find it under the Studio Panel > Misc > Audio.
If you want to use MP3’s, there are dozens of free JavaScript audio players available.
I’ve used this one…
As well as this one…
http://73rhodes.github.io/bbplayer/
1 Like
Thanks so much I will check it out.
I don’t think the HTML one can be styled?
It can be styled with JavaScript
But given the abundant free JS and jQuery players out there, many of which offer different skins and the ability to handle other formats (like MP3), or allow you to style them via CSS, I see no reason to reinvent the wheel.
1 Like
Thanks really appreciate your help
Just another question regarding the HTML audio component in Bootstrap studio?
How do you connect to your audio file in source ?
Mp3 players made in Bootstrap Studio
1 Like
Select the Audio component in the Overview panel and go to the Options panel > Audio Sources and click Add.
If you’re using BSS’s hosting for your website, you’ll have to put your audio files on some sort of cloud storage (like Google Drive, Dropbox, etc. and then link to the URL. If you’re self-hosting, you can just put them in the root folder and enter the name of the file (or a subfolder and enter the path and filename.)
Thank you so much,
yes I tried linking to a google drive mp3 file, but didn’t play. That is in the preview.
I already have it up on a previous website which I coded as HTML and CSS .
But not sure how to link to this file already hosted.
As I am using this Bootstrap studio to upgrade the previous and obviously things are linked differently as in images.
Really appreciate your assistance.
27/7I have worked out how to link it to my hosting site - all good now