Javascript 全部静音<;音频>;使用jQuery的元素 问题()的描述:
我正在尝试迭代页面上的所有元素,并使用jQuery使它们静音。jQuery只是不能很好地处理HTML5音频,还是有更好的方法 代码: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
对播放的音乐对象使用
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;
}
});