7

有一个简单的链接

<a href="some.mp3">01. The Name of Track</a>

当用户点击链接时，如何播放 mp3 文件？请帮我找到一些简单有效的解决方案。谢谢你。

谢谢你的帮助。

我选择了这个解决方案http://www.schillmania.com/projects/soundmanager2/demo/play-mp3-links/最适合我的情况。

4

4 回答 4

10

使用 HTML5<audio>

<audio controls id="linkAudio">
  <source src="demo.ogg" type="audio/ogg">
  <source src="demo.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

<script>
  document.getElementById("link_id").addEventListener("click", function () {
    document.getElementById("linkAudio").play();
  });
</script>

注意：由于音频是 HTML5 标签，它不支持旧浏览器，所以在使用前请务必确认。

或者看看这篇文章

于 2012-12-13T18:14:32.100 回答
3

由于 IP 限制，当今的许多浏览器（如 Chrome 和 Firefox）将无法播放 MP3 或 MP4 文件。您可以将文件转码为兼容的替代品，例如 Ogg，或者您必须依靠插件来获得通用浏览器支持。一个非常好的选择是Soundmanager，我在一个不能选择转码的项目中使用它。它会尽可能使用 HTML 5 播放，但如果所选浏览器不支持文件类型，则会退回到不可见的 Flash 电影。它非常灵活，但它有一点学习曲线。不过，这些演示非常棒，并提供了几种类型的播放器，您可能只需将它们放入任何界面即可。

于 2012-12-13T18:30:28.080 回答
0 
<a href="#">Play Audio</a>
<audio>
  <source src="demo.ogg" type="audio/ogg">
  <source src="demo.mp3" type="audio/mpeg">
  Your browser doesn't support the audio element.
</audio>

使用 jQuery：

$("a").click(function() {
  $("audio").play();
});
于 2012-12-13T18:23:13.110 回答
0

你有几个选择，你可以使用 html5 音频标签，它会创建一个小播放器，让你播放音频：

<audio controls width="100" height="100">
    <source src="some.mp3" type="audio/mp3">
    <!-- Fallback for older browsers -->
    Your browser doesn't support html5 audio
</audio>

您还可以使用 embed html 标签：

<embed src="some.mp3" autostart="false" id="somemp3" enablejavascript="yes">

然后在单击链接时运行以下 javascript：

var snd = document.getElementById(somemp3);
snd.play();

audio或者您可以通过将上述代码放在音频标签中，对不支持 html5 的浏览器使用 embed 方法，并且仅当浏览器无法识别该audio标签时才会显示

您也可以使用 Flash 音频播放器。

于 2012-12-13T18:26:54.937 回答