html5 音频和支持 Javascript答案

【问题标题】：html5 audio and supporting Javascripthtml5 音频和支持 Javascript
【发布时间】：2012-12-30 21:59:50
【问题描述】：

我写了一些简单的 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>

【问题讨论】：

浏览器说什么？请定义“不玩”
我会试试 type="audio/mpeg"
那是 akonsu 谢谢！！！我还有另一个问题，它似乎适用于我的 Safari，但不适用于我的 Firefox 17.0.1

标签： javascript html audio

【解决方案1】：

有一些事情可以尝试。首先，检查mySong.canPlayType("audio/mpeg")。它应该返回“也许”。如果不支持，则您的浏览器不支持 MP3，您应该尝试使用其他浏览器。

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

非常重要，事实上，如果它仍然不起作用，您应该检查以确保服务器配置为使用 audio/mpeg MIME 类型标头提供 .mp3 文件。

如果这仍然不起作用...尝试打开扬声器：p 我在开玩笑，如果您在执行完这些步骤后仍有问题，请告诉我。

【讨论】：

akonsu 告诉我关于音频/mpeg 的同样事情......这就是问题所在。它现在在 safari 上运行良好......但由于某种原因它无法在 firefox 17.0.1 上运行
我如何连续播放多首歌曲。前任。单击播放按钮并播放多首歌曲，直到用户单击暂停...
Firefox 不支持 MP3。我无法理解不支持单一最常用的声音文件格式的逻辑......无论如何，如果你想要一个播放列表，它会非常复杂，你可能应该谷歌一些教程。