Okay, well you can find some information about using the HTML <audio>
tag here:
- <audio>: The Embed Audio element - HTML: HyperText Markup Language | MDN
- HTML audio tag
- HTML5 audio - Wikipedia
The specific attribute you’ll need to use is autoplay
. Note, however, that “Chromium browsers do not allow autoplay in most cases. However, muted autoplay is always allowed.” Chromium browsers include Chrome, Edge and Opera, so that will likely affect a significant percentage of your website visitors. In other words, most of your site visitors will probably have to click a button anyway - it will just be an unmute button instead of a play button.
Depending on how tech-savvy your website visitors are and the browser they are using, some people may not realise that audio is “playing” but muted.
You can embed your code using Ghost’s HTML card from the design menu. See here:
Note that your music/audio files will need to be uploaded and hosted somewhere on the internet. You’ll need to put links to these files inside the <audio>
It is not possible to upload music or video files directly to the Ghost platform itself, for good reason, but there are plenty of other options for audio/video/file storage.
I don’t know if these are the best options, but off the top of my head, Cloudinary and AWS S3 come to mind. Cloudinary has a generous free tier and AWS S3 costs pennies or fractions thereof.
Let me know if you run into any troubles during your implementation.