Reports

Ensure the .play() method is triggered within a user interaction event, such as a button click. Example:

javascript

// Preload the audio
var SOUND_SUCCESS = new Audio('success.mp3');

// Play audio on user interaction
document.getElementById('playButton').addEventListener('click', function () {
    SOUND_SUCCESS.play().catch(error => {
        console.error('Audio playback failed:', error);
    });
});

Additional Tips Check Audio Format: Use formats compatible with Safari (e.g., MP3 or AAC). Mute Option for Autoplay: If autoplay is needed, ensure the audio starts muted:

javascript

var audio = new Audio('success.mp3');
audio.muted = true;
audio.play(); // Autoplay works only if muted

Handle Errors Gracefully: Use .catch() on the .play() promise to debug issues. Why the Restriction? Apple enforces these rules to avoid intrusive behavior, conserve battery life, and manage data usage. Always design web apps with user control in mind.

79313319