JavaScriptでページ読み込み時に音声を再生する方法

HTMLの<audio>要素を使用する方法: この方法では、HTMLの<audio>要素を使用して音声を再生します。

<audio id="myAudio" src="sound.mp3"></audio>
<script>
  window.addEventListener('DOMContentLoaded', function() {
    var audio = document.getElementById('myAudio');
    audio.play();
  });
</script>

上記の例では、<audio>要素のid属性を使用して音声要素を取得し、play()メソッドを呼び出して再生します。DOMContentLoadedイベントは、ページのDOMが完全に読み込まれた時に発生します。

JavaScriptのnew Audio()オブジェクトを使用する方法: この方法では、JavaScriptのnew Audio()オブジェクトを使用して音声を再生します。

<script>
  window.addEventListener('DOMContentLoaded', function() {
    var audio = new Audio('sound.mp3');
    audio.play();
  });
</script>

上記の例では、new Audio()を使用して音声オブジェクトを作成し、play()メソッドを呼び出して再生します。

window.onloadイベントを使用する方法: この方法では、window.onloadイベントを使用してページの読み込み完了時に音声を再生します。

<script>
  window.onload = function() {
    var audio = new Audio('sound.mp3');
    audio.play();
  };
</script>

上記の例では、window.onloadイベントを使用して音声を再生します。

これらの方法を使用すると、ページが読み込まれた際に音声を再生することができます。必要に応じて、音声ファイルのパスや再生方法をカスタマイズしてください。