Playing audio files

frjo · October 5, 2019, 2:02pm

HTML5 has the audio tag that will show a audio player.

I use that in an short code on my Zen theme.

frjo/hugo-theme-zen/blob/master/layouts/shortcodes/audio.html

<figure {{ with .Get "class" }}class="{{ . }}"{{ end }}>
<audio controls preload="{{ .Get "preload" | default "metadata" }}">
{{ with .Get "src" }}<source src="{{ .  | relURL }}" type="audio/mpeg">{{ end }}
{{ with .Get "caption" }}<figcaption>{{ . }}</figcaption>{{ end }}
</audio>
</figure>

Topic		Replies	Views
Audio player support	6	2747	May 11, 2019
Playing Audio from content support	5	1307	December 14, 2020
Audio and how to play it support	16	5287	March 30, 2025
Examples of hugo sites with audio players in blog posts? support	6	1880	January 2, 2023
Audio player in partial support	3	506	January 13, 2021

Playing audio files

Related topics