JQuery воспроизведения звука с помощью селектора

Question

У меня есть 2 аудио теги и кнопка
При нажатии на кнопку, если это правда, я хочу играть SOUND1, и если это не я хочу играть SOUND2

<button>play</button> 

<audio class="sound1" src="sound1.mp3" ></audio> 
<audio class="sound2" src="sound2.mp3" ></audio> 

JQuery:

$('button').click(function() { 
    if (true) { 
    audio.play(); 
    } else { 

    } 
}); 

Я не знаю, как получить аудио объект по имени класса

Answer 1

Вам нужно использовать .play(), чтобы вызвать звук, и использовать $(selector).get(0), чтобы получить аудио-объект.

$('button').click(function(){ 
    if (true) { 
    $('.sound1').get(0).play(); 
    } else { 
    $('.sound2').get(0).play(); 
    } 
}); 

Demo (Переключить true/false услышать .wav и .mp3 файл)

^{Audio Credits}

Answer 2

лучший способ это установить ГКЗ аудиосистеме в соответствии с вашим состоянии что-то вроде

$('button').click(function(){ 
// Select the sourceUrl according to your selection then set the source to your audio control 
$('.sound').attr('src', sourceUrl); 
}