Memo

メモ > 技術 > プログラミング言語: 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>

Memo

Advertisement