Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/361.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 全部静音<;音频>;使用jQuery的元素 问题()的描述:_Javascript_Jquery_Html_Audio - Fatal编程技术网

Javascript 全部静音<;音频>;使用jQuery的元素 问题()的描述:

Javascript 全部静音<;音频>;使用jQuery的元素 问题()的描述:,javascript,jquery,html,audio,Javascript,Jquery,Html,Audio,我正在尝试迭代页面上的所有元素,并使用jQuery使它们静音。jQuery只是不能很好地处理HTML5音频,还是有更好的方法 代码: 对播放的音乐对象使用volume控件,如下所示 更新 您可以创建阵列曲目[],并将播放的音频存储到该阵列中,然后单击“静音”将所有这些音频静音。像这样的 var tracks = []; $('#sound1').click(function() { sound1 = new Audio(); sound1.src = "http://sound

我正在尝试迭代页面上的所有元素,并使用jQuery使它们静音。jQuery只是不能很好地处理HTML5音频,还是有更好的方法

代码:
对播放的音乐对象使用
volume
控件,如下所示

更新

您可以创建阵列
曲目[]
,并将播放的音频存储到该阵列中,然后单击“静音”将所有这些音频静音。像这样的

var tracks = [];
$('#sound1').click(function() {
    sound1 = new Audio();
    sound1.src = "http://sounddogs.com/previews/4006/mp3/209105_SOUNDDOGS__up.mp3"
    sound1.play();
    tracks.push(sound1);
});

$('#sound2').click(function() {
     sound2 = new Audio();
    sound2.src = "http://sounddogs.com/previews/4023/mp3/210622_SOUNDDOGS__do.mp3"
    sound2.play();
    tracks.push(sound2);
});

$('#mute').click(function() {
    for(var i=0; i<tracks.length; i++){
        tracks[i].volume = 0;
    }
});
var tracks=[];
$('#sound1')。单击(函数(){
sound1=新音频();
sound1.src=”http://sounddogs.com/previews/4006/mp3/209105_SOUNDDOGS__up.mp3"
声音1.播放();
轨道。推(声音1);
});
$('#sound2')。单击(函数(){
sound2=新音频();
sound2.src=”http://sounddogs.com/previews/4023/mp3/210622_SOUNDDOGS__do.mp3"
声音2.播放();
轨道。推(声音2);
});
$(“#静音”)。单击(函数(){

对于(var i=0;iYou不将元素附加到DOM.So
$('audio'))
重新调谐一个空集合。我现在明白了,谢谢。但是没有办法迭代JavaScript音频对象并将它们全部静音吗?谢谢,但是我如何迭代所有JS对象而不指定每个对象呢?太好了。这正是我所寻求的。干得好!
var tracks = [];
$('#sound1').click(function() {
    sound1 = new Audio();
    sound1.src = "http://sounddogs.com/previews/4006/mp3/209105_SOUNDDOGS__up.mp3"
    sound1.play();
    tracks.push(sound1);
});

$('#sound2').click(function() {
     sound2 = new Audio();
    sound2.src = "http://sounddogs.com/previews/4023/mp3/210622_SOUNDDOGS__do.mp3"
    sound2.play();
    tracks.push(sound2);
});

$('#mute').click(function() {
    for(var i=0; i<tracks.length; i++){
        tracks[i].volume = 0;
    }
});