javascript - 如何在链接点击上播放 mp3

标签 javascript jquery html

有一个简单的链接

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

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


感谢您的帮助。

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

最佳答案

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

Note: As audio is an HTML5 tag, it won't support old browsers, so be sure before you use it..

或者看看这个article

关于javascript - 如何在链接点击上播放 mp3,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13865882/

相关文章:

html - noscript 样式无效

javascript - 等待回调nodejs

JavaScript 循环运行异常

javascript - 为什么 if(number <=10) 不起作用?

javascript - 使用来自多个其他行的值创建一个表行

jquery - 绝对侧边栏比内容 clearfix 高?

javascript - 滚动未显示在 jquery 创建的列表中

javascript - 在悬停函数jquery中调用ajax函数后有错误

javascript - 具有可变高度和 Ajax 内容的 jQuery 动画 slider

Javascript 打印函数 : Remove space from preview page