サイト制作に関するメモ書き

HOME > JavaScript > JavaScriptでaudioを作成する

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

 

【参考サイト】

 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

▲PAGE TOP