JavaScriptでaudioを作成する

HTML上にaudio要素を埋め込むのではなく、JavaScriptでaudioを作成してから音を再生してみます。

サンプルコード

HTML

HTMLには再生用のボタンのみ配置します。

<button id="play">再生</button>

JavaScript

var audio = new Audio(); // audioの作成
audio.src = 'sound.mp3'; // 音声ファイルの指定
audio.load(); // audioの読み込み

document.getElementById('play').addEventListener('click', function() {
	audio.play();
}, false);

JavaScriptでaudioを作成するデモページ
音を出したいだけの場合は、ノードリストに登録しなくても再生できます。

【参考サイト】

• JavaScriptプログラミング講座【オーディオについて（HTMLAudioElement）】