實施音頻時遇到問題

Question

我試圖創建一個在按下時播放聲音的鏈接。 我找到了描述如何執行此操作的解決方案 ，但是當我實現它時，我無法產生聲音。 相關的HTML如下。

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

這是javascript（它在我的文檔頭中鏈接的外部文件中）：

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

我添加了console.log("Audio should have played"); 測試該功能是否正常工作。 控制台顯示“音頻應該已經播放”，並且未報告任何錯誤。 似乎一切正常，除非沒有聲音發出。 聲音文件buttonClick.mp3在正確的路徑中。

我嘗試使用不同的文件類型（OGG，AAC等），但沒有一個起作用。 我還嘗試用指向我知道有效的在線文件的鏈接替換該文件，因此我認為該文件不存在問題。

我看到Safari無法播放音頻以保持電源狀態存在一些問題，但這些文章似乎至少存在2-3年，所以我也不知道這是問題所在（如果仍然是問題，能否請您讓我知道）。

任何幫助使音頻正常工作將不勝感激。

Answer 1

我無法告訴您問題出在哪里，但是也許您可以嘗試查看路徑是否正確，我的意思是水平，也許應該是“ ../audio.mp3”

您也可以嘗試使用音頻標簽播放

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

注意，我不使用“ controls”屬性，因為我不想顯示它。

在腳本中，您應該有這樣的內容

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

Answer 2

感謝您的幫助，但事實證明該文件已損壞。 原始代碼有效。