Политика автозапуска изменилась. Теперь пользователю нужно «взаимодействовать» с сайтом (например, щелкнуть), чтобы воспроизвести звук.
У меня 2 проблемы:1. Как мне создать простую «кнопку», которая включает звук? Я бы предпочел использовать кликабельное изображение. 2. Звук должен воспроизводиться «приглушенным» при загрузке страницы, чтобы звук соответствовал (синхронизирован) моей анимации при включении звука.
Этот код я использую сейчас для простого воспроизведения с небольшой задержкой:
<body>
<audio src="sound.mp3" id="audio1" ></audio>
<script type="text/javascript">
setTimeout(function(){
document.getElementById("audio1").play();
}, 800)
</script>
</body>
Теперь звук иногда воспроизводится, если пользователь нажимает на веб-сайт. Но это случайно. Похоже, что если пользователь не нажмет на веб-сайт до начала воспроизведения звука, он вообще не будет воспроизводиться.