カテゴリー
jQuery

javascript でサブウィンドウを開いて音声ファイルを再生

javascript で音声ファイルを再生するために、サブウィンドウを開いて再生するHTMLを動的に生成する方法です。

JavaScript:
---------------
function clickToPlay(wav) {
	if (wav == "")
		return;

	var subwin = window.open("", "Subwin", "width=300, height=50");
	subwin.document.clear();
	subwin.document.write("<html><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><body>");
	subwin.document.write("");
	subwin.document.write("<form><button type="button" onclick="window.close()">閉じる</button></form>");
	subwin.document.write("</body></html>");
	subwin.document.close();
}
16

HTML:
---------------
<button type="button" onclick="clickToPlay('sounds/foo.wav')"></button>";
<button type="button" onclick="clickToPlay('sounds/bar.wav')"></button>";

Windows 上で Internet Explorer で実行すると以下のように表示されます。
soundplay

実際の動作はこちらで確認できます。

コメントを残す

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

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください