Funktioniert das Audio-Tag in Chrome, aber nicht in Safari? ⇐ HTML

[Guest]

Ich habe eine HTML-Datei:

Code: Select all

Mit Javascript:

Code: Select all

var audioPlayer = document.getElementById("audio-player")
const audioButton = document.getElementById('play-audio')

audioPlayer.src = `/static/audio.mp3`
audioButton.addEventListener('click', () => {
audioPlayer.volume = document.getElementById('audio-level').value
audioPlayer.play()
})

Der Ton wird abgespielt, wenn ich in Chrome auf die Schaltfläche klicke, aber nicht in Safari. Hat jemand irgendwelche Ideen? Es handelt sich nicht um eine automatische Wiedergabe. Ich dachte, es würde funktionieren, wenn der Benutzer mit der Schaltfläche interagiert. Danke