javascript - 使用jQuery静音页面上的所有音频

Question

This question already has answers here:

How to mute all sound in a page with JS?

(4个答案)


6年前关闭。




作为叙述站点的一部分，我的页面中有许多不同的音频元素。每个音频元素都有一个ID，因此可以在某些点调用它。任何时候播放的声音都不会超过一种。但是我还需要页面的静音按钮，我无法使用我所知道的ID，因为我需要它们将其取消静音以返回到最后一个声音，而不是将它们全部取消静音(如果这样的话)。是否有一种简单的方法可以使所有页面音频静音，然后再次取消静音而不触发所有音频播放？

以下是我的代码，但显然不能正常工作，我不确定执行此操作的最佳方法是什么:

的HTML:

    <audio id="streetsound" preload="auto" autoplay loop>
    <source src="assets/audio/1street.mp3" type="audio/mpeg">
    </audio>

    <audio id="seasonsound" preload="auto" loop>
    <source src="assets/audio/2seasons.mp3" type="audio/mpeg">
    </audio>

    <audio id="snowsound" preload="auto" loop>
    <source src="assets/audio/3snow.mp3" type="audio/mpeg">
    </audio>


 <div id="soundicon" style="display: none;">
    <a href="#" id="muteaudio"><img src="assets/images/sound.png" alt="cup" style="border:0;"></a>
    </div>

jQuery:

$(function(){
    $('#muteaudio').click(function() {
       $('audio').pause("");

    });
});

最佳答案

试试这个。

 $('#muteaudio').click(function() {
     $('audio').each(function() {
            $(this).pause();
        });
    });

关于javascript - 使用jQuery静音页面上的所有音频，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23714106/

上一篇：audio - 在 ActionScript 中播放声音

下一篇：java - 试图调用一个不存在的方法...纠正类路径

Answer 1

试试这个。

 $('#muteaudio').click(function() {
     $('audio').each(function() {
            $(this).pause();
        });
    });