Audio Tag Ton abspielen mit Button verknüpfen?

Hallo,

ich habe herausgefunden dass, es nicht mehr erlaubt ist das Ton automatisch abgespielt wird. (Dies bezüglich habe ich keinen Fix gefunden.)

Ich benutze das "Audio Attribut", und wenn ich mute eingebe funktioniert autoplay.

Nun, ist es möglich einen Button mit diesem Audio-Tag zu verknüpfen? Meine Idee wäre es den sehbaren Audio Tag mit "hidden" zu verstecken und mit Hilfe des "verknüpften Buttons" den Sound einzuschalten. Somit spielt der Sound synchron mit der Video ab, ohne auf Play klicken zu müssen.

Idee:

Ein Video mit einem Lautsprecher in der Mitte dahinter verbirgt sich das Audio Attribute mit "hidden" und wird sofort abgespielt durch autoplay, man klickt auf den Lautsprecher in der Mitte und man hat Sound.

Answer 1

[regex9]

Statte den Button mit einem Listener aus, hole dir in dessen Callback das audio-Element und setze dann dessen muted-Property.

<audio autoplay id="audio-player" muted src="..."></audio>
<button id="unmute-button">Unmute</button>
<script>
  document.getElementById("unmute-button").addEventListener("click", () => {
    document.getElementById("audio-player").muted = false;
  });
</script>

PS.: audio ist ein Element, kein Attribut. Ein Attribut ist ein Bestandteil eines Elements/Tags (Bsp.: src, muted).