戻る
■サウンドを再生
【JavaScript】Safari だけじゃないオーディオ再生の制約と再生開始遅延の解決方法 - webfrontend.ninja https://webfrontend.ninja/js-audio-autoplay-policy-and-delay/ 以下のようにすると、サウンドを再生できる
<script> $(document).ready(function() { $('#play_sample').on('click', function() { var audio = new Audio('sound/sample.mp3'); audio.play(); return false; }); }); </script> <p><a href="#" id="play_sample">再生</a></p>
以下でも一応再生できるが、iOSだと一度しか再生できない
<script> $(document).ready(function() { $('#play_sample').on('click', function() { $('#audio_sample').get(0).play(); return false; }); }); </script> <audio src="sound/sample.mp3" id="audio_sample"> <p>ご利用の環境では再生できません。</p> </audio> <p><a href="#" id="play_sample">再生</a></p>