Tengo un problema con el escritorio de Safari. Este fragmento de código funciona incluso en la versión móvil de Safari, pero no en la versión de escritorio (12.1).

js

 var targetBeep = "targetBeep"; var atmos = "atmos"; createjs.Sound.registerSound("targetBeep.mp3", targetBeep); createjs.Sound.registerSound("25372639_dark-tension-atmosphere_by_umcsound_preview.mp3", atmos); $( ".play" ).css({'cursor': 'pointer'}).click(function() { setTimeout(function () { createjs.Sound.play(atmos); }, 2000); });

HTML

 <div class="play"> play </div> <script src='https://code.jquery.com/jquery-2.2.4.min.js'></script> <script src="https://code.createjs.com/1.0.0/createjs.min.js"></script>

¿Es un problema con el código o es el escritorio de Safari? Si es Safari, ¿qué puedo hacer para resolver esto?

 var atmos = "atmos"; createjs.Sound.registerSound("https://upload.wikimedia.org/wikipedia/commons/1/12/03may2020-tobefree.mp3", atmos); $(".play").css({ 'cursor': 'pointer' }).click(function() { setTimeout(function() { createjs.Sound.play(atmos); }, 2000); });

 <div class="play"> play </div> <script src='https://code.jquery.com/jquery-2.2.4.min.js'></script> <script src="https://code.createjs.com/1.0.0/createjs.min.js"></script>