使用javascript播放音频(没有HTML5或可见播放器）

Play audio with javascript (no HTML5 or visible player)

本文关键字：播放器 HTML5 没有 javascript 播放 音频 使用      更新时间：2023-09-26

我想在单击图像链接时播放曲目，并在再次单击时停止。我没有使用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
    );

此脚本实际上暂停而不是停止。但是你可以弄清楚如何阻止它，知道你可以用 音频.src = ''; audio.load（）;不加载任何内容，因此它会停止（音频 API 中没有 stop（） ）

相关文章：