Bessere Lösung

[Gunnar Bittersmann]

@@Felix Riesterer

ich halte es für den Königsweg, wenn Du sowohl einen Download-Link, als auch ein <audio>-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 Kontextmenü, 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:

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