Probleme bei der Implementierung von Audio

Question

Ich versuche, eine Verknüpfung zu erstellen, die beim Drücken Sound wiedergegeben wird. Ich fand a solution describing how to do this, aber als ich es implementierte, konnte ich keinen Ton erzeugen. Das relevante HTML ist unten.

<div class="choices"> 
     <a class="buttons" id="choice1" href="#" onclick="choiceSelected();return false;"></a> 
     <a class="buttons" id="choice2" href="#" onclick="choiceSelected();return false;"></a> 
     <a class="buttons" id="choice3" href="#" onclick="choiceSelected();return false;"></a> 
     <a class="buttons" id="choice4" href="#" onclick="choiceSelected();return false;"></a> 
    </div> 

Und hier ist die Javascript (es ist in einer externen Datei, die im Kopf meines Dokuments verknüpft ist):

function choiceSelected(){ 
     var audio = new Audio("buttonClick.mp3"); 
     audio.play(); 
     console.log("Audio should have played"); 
    } 

ich die console.log("Audio should have played"); hinzugefügt zu testen, ob die Funktion arbeitet und es ist. Die Konsole zeigt "Audio sollte abgespielt haben" und meldet keine Fehler. Alles scheint zu funktionieren, außer dass kein Ton produziert wird. Die Sounddatei buttonClick.mp3 befindet sich im richtigen Pfad.

Ich habe versucht mit verschiedenen Dateitypen (OGG, AAC, etc.) und keiner von ihnen hat funktioniert. Ich habe auch versucht, die Datei durch einen Link zu einer Online-Datei zu ersetzen, von der ich weiß, dass sie funktioniert, daher glaube ich nicht, dass es sich um ein Problem mit der Datei handelt.

Ich sah, es gab einige Probleme mit Safari nicht Audio zu spielen, um die Macht zu bewahren, aber diese Artikel sah mindestens 2-3 Jahre alt, also bin ich mir nicht sicher, ob das Problem auch ist (wenn es noch ein Problem ist , könntest du mich bitte wissen lassen).

Jegliche Unterstützung bei der Inbetriebnahme des Audios wird sehr geschätzt.

Answer 1

Ich kann Ihnen nicht sagen, was das Problem ist, aber vielleicht könnten Sie sehen versuchen, ob der Pfad korrekt ist, meine ich, das Niveau, vielleicht sollte es „../audio.mp3" sein

Sie können auch mit dem Audio Tag

<audio id="myAudioTag"> 
    <source src="../file.mp3" type="audio/mp3" />   
</audio> 

Hinweis Spielen Sie versuchen, dass ich nicht die „Kontrollen“ Eigentum verwende, da ich es nicht angezeigt werden soll.

Im Skript, sollten Sie so etwas wie dieses

document.getElementById('myAudioTag').play(); 

Answer 2

Danke für die Hilfe, aber es stellte sich eine beschädigte Datei heraus. Der ursprüngliche Code funktionierte.