sillon-fictionnel/layouts/shortcodes/audio.html
Alexandre Dulaunoy b609fe8040 new: [acoustique] ajout d'une nouvelle balise (Hugo shortcut) pour ajouter un lecteur audio
Cela utilise un lecteur audio libre HTML5 du nom de plyr (disponible
https://github.com/sampotts/plyr).

Le shortcut audio est basé sur l'excellente librairie de Monsieur Roneo (Seb)
qui est disponible à cette adresse https://gitlab.com/Roneo/hugo-shortcode-roneo-collection

J'ai fait quelques modifications pour éviter le lien avec des vilains
CDNs et que cela colle dans le Sillon.

La documentation est aussi modifiée pour satisfaire les amis du Sillon.
2024-04-28 09:11:54 +02:00

33 lines
993 B
HTML

{{/* Based on Source: https://gitlab.com/Roneo/hugo-shortcode-roneo-collection */}}
{{- $src := "" -}}
{{- $caption := "" -}}
{{- $class := "" -}}
{{- $preload := "" -}}
{{- if .IsNamedParams }}
{{- $src = .Get "src" -}}
{{- $caption = .Get "caption" -}}
{{- $class = .Get "class" -}}
{{- $preload = .Get "preload" | default "metadata" -}}
{{- else }}
{{- $src = .Get 0 -}}
{{- $caption = .Get 1 -}}
{{- $class = .Get 2 -}}
{{- $preload = .Get 3 -}}
{{- end }}
<div class="text-center text-muted mb-1">
<center>
<figure {{ with $class }}class="{{ . }}"{{ end }}>
<i class="fa-solid fa-ear-listen"></i>
<audio controls class="player" preload="{{ $preload }}">
{{ with $src }}<source src="{{ . | relURL }}" type="audio/mpeg">{{ end }}
</audio>
{{/* <a href="{{ .Get "src" }}" class="button small" download><i class="icon fas fa-download"></i></a> */}}
{{ with $caption }}<figcaption>{{ . }}</figcaption>{{ end }}
</figure>
</center>
</div>