Safari デスクトップに問題があります。このコード スニペットは、モバイル バージョンの Safari でも機能しますが、デスクトップ バージョン (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>
コードの問題ですか、それとも Safari デスクトップですか? Safariの場合、これを解決するために何ができますか
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>