使用 HTML5Media 或类似方法单击按钮播放 MP3答案

【问题标题】：Play MP3 by clicking button using HTML5Media or similar使用 HTML5Media 或类似方法单击按钮播放 MP3
【发布时间】：2014-03-07 06:46:57
【问题描述】：

我需要单击一个按钮来运行 mp3。我正在使用 HTML5Media (http://html5media.info/)，因为它适用于任何浏览器并且适用于移动设备。

但是有了它我可以放普通播放器，当你点击一个按钮时播放器不能运行。我怎样才能做到这一点？

请记住，需要一个跨移动设备工作的解决方案。

这是我的代码：

<audio controls preload> 
    <source src="scream.mp3"></source> 
    <source src="scream.ogg"></source> 
</audio>

【问题讨论】：

发布您的代码，让我们看看您在使用 html5media 时发生了什么。

标签： javascript html mp3 html5-audio mediaelement.js

【解决方案1】：

我假设您想创建一个附加按钮来控制音频，尽管内置控件（显示为 audio-tag 的 controls-attribute）确实有暂停/播放按钮。试试这个：

<a href="javascript:playPause();">Play/Pause</a>
<audio controls preload>
    <source src="someUrl"></source>
</audio>
<script type="text/javascript">
   function playPause() {
        var song = document.getElementsByTagName('audio')[0];
        if (song.paused) song.play();
        else song.pause(); 
    }
</script>

【讨论】：