Playing audio files

[w3bk3rn3l]

Hi,

I have a website with cupper-hugo-theme and I would like to play mp3, wav and ogg files. What is needed to do that?

Thanks for any possible help.

Regards

[frjo]

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

: The Embed Audio element

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

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

[w3bk3rn3l]

Thanks!

Please just tell me how to declare the source file which is on my /static/audio folder.

@frjo

[w3bk3rn3l]

I figured out!

many thanks

[vincent_youmans]

@frjo

<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>

How did you resolve this issue. just looking for reference.

[frjo]

Everything you put in the “static” folder will end up at the root folder of your site.

So an audio file put in:

static/audio/audio.mp3

Will end up at:

/audio/audio.mp3

So the shordcode from the Zen theme I mentioned above will look like this:

{{< audio src="/audio/audio.mp3" class="something" >}}

[stockphrase]

{{< audio src="/audio/audio.mp3" caption=“something” >}}

When I use the above to caption the audio, nothing appears. Is this correct?

[pointyfar]

Hi @stockphrase

The original question on this thread has already been answered. Please have a read about Requesting Help then open a new question following the guidelines.