Tengo este elemento de audio en mi página:

 <audio id="splayer" controls="controls" class="audiocontrol" > <source src='{{ baseUrl}}storage/{{src}}' /> </audio> start_audio() { var player = <HTMLAudioElement> document.querySelector('#splayer'); player.load(); var promise = player.play(); if (promise !== undefined) { promise.then(_ => { }).catch(error => { console.log('error'); console.log(error) }); } }

Esto funciona en Chrome y Firefox, pero aparece este error en Safari:

NotAllowedError: el agente de usuario o la plataforma no permiten la solicitud en el contexto actual, posiblemente porque el usuario negó el permiso

Hay un modal que se carga en la carga de la página inicial y el usuario hace clic en el botón Permitir para dar permiso:

 <button class="btn micallowbtn" data-dismiss="modal">Allow</button>

Esto funciona en Chrome pero obtiene un error en Safari.

Cualquier solución para resolver este problema en Safari