Я пытаюсь воспроизвести звук, когда пользователь нажимает на текст, скрывающий фактическую звуковую метку. Он отлично работает в браузере устройства Android, но не работает на IOS (я пробовал на iPhone)
Проведя некоторые исследования, я узнал, что IOS не загружает файл до тех пор, пока его не вызовет действие пользователя. Здесь я использовал функцию, которая запускает его, когда пользователь нажимает на текст, но, тем не менее, он не работает. Есть ли способ достичь желаемой функциональности?
Это пример кода. Я написал реальный код в ReactionJS.
<audio src='xyz' controls id="audio" style='display:none'></audio>
<h4 onclick='fun()'>play sound</h4>
<script>
function fun(){
let audio=document.querySelector('#audio');
audio.play();
}
</script>
Я ожидаю, что звук будет воспроизводиться на устройстве IOS