Firefox3.5で音楽再生
対応形式
2009/07/03現在、oggとwavに対応。MP3とかは使えません。あの子はoggに比べると権利やら何やらが面倒なので。
タグに「controls」を指定すると、上のような簡易なコントローラーが表示される
<audio src="sound/p004.ogg" id="audio" controls>Firefox3.5でご覧ください</audio>JavaScriptでコントロールしたい時は、こんな感じ
<input type="button" onclick="document.getElementById('audio').play()" value="Start"><input type="button" onclick="document.getElementById('audio').pause()" value="Stop">
自動再生
audioタグにautoplayを設定すると、ロード後自動で再生が始まります。始まりますが、動画サイトとか音楽サイト以外で、許可なく音鳴らすのってアレがアレですよね。
JavaScriptで音楽を切り替える場合
やり方が悪かったのか、JavaScriptでsrcを変えただけでは音楽は変わらなかった。audioタグをcleateElementするのが良いのだろうか。あと、正しい解放の仕方とかあるのだろうか。
// prototype.js使ってます
// $('playlist')は、下に出てるセレクトボックスのことです
function changeAudio() {
if($('audio')) {
$('audio').pause;
Element.remove( $("audio") );
}
var elem = document.createElement('audio');
elem.id = "audio";
elem.src = "sound/" + $('playlist').value;
elem.controls = true;
$("audio_field").appendChild( elem );
}
頑張れば美しいミュージックプレイヤーも作れそうですね。