audio要素 - kotaroito's notes

HTML5をそろそろモノにしなきゃなと思うので、広く浅くいろいろなことを試してみる。
で、audio要素から。

<!DOCTYPE html>
<html lang="ja">
<meta charset="utf-8">
<body>
  <audio id="audio" src="uguisu.mp3" autoplay></audio>
</body>
</html>

SafariやChromeで開くと、これだけでaudio再生できる。
以下のようにjavascriptから操作もできる。

<script type="text/javascript">
    var audio = document.getElementById("audio");
    alert( "src: " + audio.getAttribute("src") );
    alert( "audio/mpeg: " + audio.canPlayType("audio/mpeg") );
    audio.play();
</script>

さらにはAudioオブジェクトもつくれる！

var audio = new Audio("ani_ge_uguisu02.mp3");
audio.play();

Google/Appleが全面的にサポートしてるわけだし、時間を割く価値はありそうだ。