2014-07-06 103 views
1

有沒有一種方法可以在html中只播放一次mp3/wav文件,如果條件滿足。我想這樣做,但MP3文件是不是在玩我的滿足要求的條件以後。播放一次音頻文件

<input type="text" id="question"/> 
<audio src="one.mp3" id="one" preload="auto"></audio> 
<input type="text" id="question1"/> 
<audio src="two.mp3" id="two" preload="auto"></audio> 

<script> 
$("#question").blur(function() { 
    if ($(this).val() == 'Paris') { 
    document.getElementById("one").play(); 
    } 
});  

$("#question1").blur(function() { 
    if ($(this).val() == 'France') { 
    document.getElementById("two").play(); 
    } 
});  
</script> 
+0

您確定您的文檔的其餘部分沒有JS錯誤嗎? 您是否包含JQuery? –

回答

0

假設你的條件是真正的滿足,有幾個原因,您可能無法聽到你的聲音播放:

  • 您的瀏覽器不支援音頻類型。
    • 查看錶here,以確定您的瀏覽器是否支持您的特定媒體類型(在本例中爲MP3)。
    • 另一種檢查方法是使用example
    • 如果您的瀏覽器不接受您的媒體類型,請獲取正確的媒體文件並將其添加爲,如example中所示。
  • 無法找到媒體文件。
    • 確保您的媒體文件可以被瀏覽器找到。
    • 您可以通過訪問媒體的src屬性(本例中爲./one.mp3./two.mp3)來檢查此問題。
  • 你的音量無聲。
    • 雖然這可能看起來很愚蠢,但辛苦的一天工作可以讓一個健忘。
    • 檢查您的揚聲器/耳機是否正常工作,音量是否處於較高水平。
  • 最後但並非最不重要的一點,該文件已損壞,損壞或不包含任何信息。
    • 要檢查這一點,請在筆記本電腦上播放媒體文件。你的程序應該讓你知道文件是否損壞或損壞。
    • 檢查文件的大小以確保其中有信息。
+0

我使用鉻,它支持MP3,我檢查了我的筆記本電腦,文件沒有損壞。 – user3622856

+0

@ user3622856 Chrome的開發控制檯中是否顯示錯誤? – usandfriends

+0

沒有錯誤和音頻沒有播放。 – user3622856