Question

我写了一些简单的html和javascript应该播放声音文件。页面显示两个按钮但是当我单击播放按钮时它什么都不做。我知道我的浏览器可以播放我的mp3文件，因为它只适用于音频标签ex：

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

Answer 1

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

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

事实上，如果它仍然无效，那么您应该检查以确保服务器配置为使用.mp3 MIME类型标头提供audio/mpeg个文件。

如果仍然无效......请尝试打开扬声器：p我在开玩笑，如果您在这些步骤后仍有问题，请告诉我。

html5音频和支持Javascript

1 个答案: