Вам нужно обработать исключение...
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-image: url('https://i.pinimg.com/originals/e1/96/60/e196602ce4596889a3c55760c2461606.jpg');
}
</style>
</head>
<body>
<script>
var audio = new Audio('https://cs6-7v4.vkuseraudio.net/p12/85d3127fae5f10.mp3?extra=rMGRFdrKkd8q-kgHMqT0lR_AcI7AWWnZJlSqLBXIQuifdMFgR3XAZIxY1IBSeRAF7SgfA_0VIUTkvSv_q6G5HnA9KtvZ2lSsQZM9y__ruJYspKhvz7PSmzB2DnXkbk3SknOQaEn42PZWgEsDi3LOq_T5W5Q');
audio.play().then(() => {
// проигрывание началось!
}).catch(error => {
// проигрывание было отменено
// покажите управление
audio.controls = true;
document.body.append(audio);
// конечно же можете добавить свою кнопку,
// на которую нажмёт пользователь, чтобы
// послушать!
});
</script>
</body>
</html>
Автозапуск со звуком разрешен, если:
- Пользователь взаимодействовал с доменом (щёлкнул мышью, прикоснулся к сенсорному экрану и т. д.).
- На настольном компьютере ранее воспроизводил звуком (на основе значения индекса заинтересованности пользователя)
- На мобильном телефоне пользователь добавил сайт на свой домашний экран