使用javascript播放音频（无HTML5或可见播放器）

我想得到一个轨道播放时，我点击一个图像链接，并停止时，我再次点击它。 我没有使用HTML5，我没有使用音频标签，我不想在播放曲目时显示任何播放器。 这应该是尽可能跨浏览器的

我点击，我听到了音轨，我再次点击，它停止了

足够简单，但我想太简单了，因为我找到的每一个教程都涉及HTML5及其新标签、flash或一些我不需要的彩色播放器

请问我该如何做到这一点？ 纯javascript或Jquery就可以了

---

我提前感谢您的帮助

您不使用HTML5音频标签有什么特别的原因吗？因为您可以设置为不显示控件，并将其用于javascript的播放/停止，并根据需要将图像从播放切换到停止。 使用jQuery：

您有以下图像：

<a href="#" id="audioPlayStop" title="stop">
    <img src="images/stop.png" />
</a>

还有这个不可见的音频标签：

<audio id="audio">
<source src="somethingtoplay.mp3" type="audio/mpeg" />
</audio>

var audio = document.getElementById('audio'); // $('#audio') won't work for audio API!
    $('#audioPlayStop').toggle( 

        function () {


            $(this).attr('title', 'play');
            $(this).add('img').attr('src', 'images/play.png');

            audio.pause();

            console.log('Paused');
        }, 
        function () {
            $(this).attr('title', 'stop');
            $(this).add('img').attr('src', 'images/stop.png');

            audio.play();           

            console.log('Play started');
        } //function
    );

var audio=document.getElementById（'audio'）；//$（“#音频”）对音频API不起作用！
$（“#audioPlayStop”）。切换（
函数（）{
$（this.attr（'title'，'play'）；
$（this.add（'img'）.attr（'src'，'images/play.png'）；
audio.pause（）；
console.log（'Paused'）；
}, 
函数（）{
$（this.attr（'title'，'stop'）；
$（this.add（'img'）.attr（'src'，'images/stop.png'）；
音频播放（）；
console.log（'Play start'）；
}//函数
);

这个脚本实际上是暂停而不是停止。但是你知道你可以用自己的方式来阻止它 audio.src=''；

---

audio.load（）；//不加载任何内容，因此它会停止（在音频API中没有stop（））

从糟糕的过去开始，我甚至没有看过它，但是可以尝试使用javascript将

bgsound

属性添加/删除到

。查看

HTML5
音频
元素不需要是可见的播放器；它可以完全在背景中播放。@Tom Terrance:我会试试的，谢谢。杰弗里·斯威尼：我从来没说过，但谢谢你提供的信息。