Как подменить файл звука на свой в HTML?

В HTML, чтобы подменить файл звука на свой, можно использовать элемент <audio>. Вот пример кода:

<!DOCTYPE html>
<html>
<body>

<audio id="audioPlayer">
<source src="old_sound.mp3" type="audio/mpeg">
Your browser does not support HTML audio.
</audio>

<button onclick="changeSound()">Change Sound</button>

<script>
function changeSound() {
var audio = document.getElementById("audioPlayer");
audio.src = "new_sound.mp3";
audio.load();
}
</script>

</body>
</html>

В этом примере мы создали элемент <audio> с идентификатором "audioPlayer". Элемент содержит тег <source>, где установлен атрибут src со значением "old_sound.mp3", что указывает на файл звука, который будет проигрываться по умолчанию. Если браузер не поддерживает HTML аудио, то текст "Your browser does not support HTML audio." будет показан вместо аудиоплеера.

Ниже находится кнопка "Change Sound", которая вызывает функцию changeSound() при клике. В этой функции мы получаем элемент аудио по его идентификатору, изменяем атрибут src на "new_sound.mp3" (т.е. подменяем файл звука), и вызываем метод load() для перезагрузки аудиофайла.

Теперь, когда пользователь нажимает кнопку "Change Sound", звук будет заменен на новый файл "new_sound.mp3".

Обратите внимание, что путь к файлам звуков (old_sound.mp3 и new_sound.mp3) должен быть корректным и указывать на доступные ресурсы.