2012-12-30 167 views
2

我写了一些简单的HTML和JavaScript应该播放一个声音文件。该页面显示两个按钮,但是当我点击播放按钮时,它什么都不做。我知道,我的浏览器可以播放我的MP3文件,因为它只有在音频标签出厂价:html5音频和支持Javascript

<audio src="soundtest.mp3" ></audio> 

如果有人能告诉我什么,我做错了,我将不胜感激。

<!DOCTYPE html> 
<html> 
<body> 

<button onclick="playSong()" type="button">play</button> 
<button onclick="pauseSong()" type="button">pause</button> 
<br> 

<audio id="audio1"> 
<source src="soundtest.mp3" type="audio/mp3" > 
    Your browser does not support the audio tag! 
</audio> 

<script> 
var mySong=document.getElementById("audio1"); 

function playSong() 
    { 
    mySong.play(); 

    } 

function pauseSong() 
    { 
    mySong.pause(); 

    } 


</script> 


</body> 
</html> 
+0

浏览器说什么?请定义“不玩” – akonsu

+0

好吧我将编辑文章 – codenamejupiterx

+0

我会尝试type =“audio/mpeg” – akonsu

回答

3

有几件事情可以尝试。首先,检查mySong.canPlayType("audio/mpeg")。它应该返回“也许”。如果没有,你的浏览器不支持MP3,你应该尝试不同的。

然后,<audio>标签的type属性应该是audio/mpeg,而不是audio/mp3。 MIME类型很重要。

实际上,如果它仍然不起作用,您应该检查以确保服务器配置为.mp3文件与audio/mpeg MIME类型标头。

如果这仍然不起作用...尝试关闭扬声器:p我在开玩笑,如果在这些步骤后仍然有问题,请告诉我。

+0

akonsu告诉我关于音频/ MPEG的相同的事情......这就是问题所在。它现在工作正常safari ...但由于某种原因,它不会在Firefox上工作17.0.1 – codenamejupiterx

+0

也我怎么会连续播放多首歌曲。恩。点击播放按钮并播放多首歌曲,直到用户点击暂停... – codenamejupiterx

+1

Firefox不支持MP3。我无法理解不支持单一最常用的文件格式的逻辑...无论如何,如果你想要一个播放列表,这是相当复杂的,你应该谷歌一些教程。 –