メモ > 技術 > プログラミング言語: JavaScript > サウンドを再生
■サウンドを再生
【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>