Bessere Lösung
bearbeitet von@@Felix Riesterer
> ich halte es für den Königsweg, wenn Du sowohl einen [Download-Link](https://wiki.selfhtml.org/wiki/HTML/Textauszeichnung/a#Download-Verweise), als auch ein `<audio>`{:.language-html}-Element bereithältst, damit der Benutzer frei entscheiden kann, wie er vorgehen möchte.
Das kann der Nutzer beim `audio`-Element, ohne dass es dazu eines Download-Links bedarf. Rechte Maustaste öffnet wie gewohnt ein dem Kontext entsprechendes Menü, womit man die Audiodatei speichern kann.
Der Link wäre für alte Browser, die das `audio`-Element nicht unterstützen. Und zwar als Fallback – innerhalb des `audio`-Elements, wie in meinem Beispiel bereits gezeigt:
~~~html
<audio property="contentUrl" src="/audio/mit-jedem-wunsch.mp3" preload="metadata" controls="">
<a href="/audio/mit-jedem-wunsch.mp3">mp3</a>
</audio>
~~~
Moderne Browser zeigen den Inhalt des `audio`-Elements nicht an – wozu auch?
Alte Browser ignorieren das ihnen unbekannte `audio`-Element und zeigen den Link an.
LLAP 🖖
--
Vielen Eltern dämmert beim Home-Schooling so langsam die Erkenntnis:
Lehrer ist wohl doch ein regelrechter Beruf! ([@heuteshow](https://twitter.com/heuteshow/status/1241117074191273997))
Bessere Lösung
bearbeitet von@@Felix Riesterer
> Lieber Dieter,
>
> ich halte es für den Königsweg, wenn Du sowohl einen [Download-Link](https://wiki.selfhtml.org/wiki/HTML/Textauszeichnung/a#Download-Verweise), als auch ein `<audio>`{:.language-html}-Element bereithältst, damit der Benutzer frei entscheiden kann, wie er vorgehen möchte.
Das kann der Nutzer beim `audio`-Element, ohne dass es dazu eines Download-Links bedarf. Rechte Maustaste öffnet wie gewohnt ein dem Kontext entsprechendes Menü, womit man die Audiodatei speichern kann.
Der Link wäre für alte Browser, die das `audio`-Element nicht unterstützen. Und zwar als Fallback – innerhalb des `audio`-Elements, wie in meinem Beispiel bereits gezeigt:
~~~html
<audio property="contentUrl" src="/audio/mit-jedem-wunsch.mp3" preload="metadata" controls="">
<a href="/audio/mit-jedem-wunsch.mp3">mp3</a>
</audio>
~~~
Moderne Browser zeigen den Inhalt des `audio`-Elements nicht an – wozu auch?
Alte Browser ignorieren das ihnen unbekannte `audio`-Element und zeigen den Link an.
LLAP 🖖
--
Vielen Eltern dämmert beim Home-Schooling so langsam die Erkenntnis:
Lehrer ist wohl doch ein regelrechter Beruf! ([@heuteshow](https://twitter.com/heuteshow/status/1241117074191273997))