Создайте несколько элементов <audio>, чтобы предотвратить обрез

Question

Если я запускаю элемент HTML5 с помощью кнопки, чтобы заставить его играть, у меня есть проблема, что, когда я снова нажимаю кнопку, образец больше не будет воспроизводиться (поскольку это уже играет).

Если я использую: n.pause() n.currentTime = 0 n.play()

будет вырезать из них тоже не очень приятно.

Есть ли простой способ (я как бы начинающий) создать новый аудио-элемент и уничтожить его после его окончания, или даже еще одну возможность, которую я не могу придумать?

Answer 1

Я бы предложил удалить любые существующие аудио-элементы из вашего HTML, чтобы вы могли просто использовать Javascript.

Eachtime пользователь нажимает кнопку вашей

<button onclick="playSound();">click me</button> 

новый экземпляр объекта Audio создается.

function playSound() { 
    var n = new Audio("example.mp3"); 
    n.play(); 
} 

Answer 2

Вы можете отключить кнопку воспроизведения при воспроизведении звука. Вы также можете указать кнопку паузы или остановки.

Я не думаю, что вы должны создать новый аудио-элемент.