HTML5 audioの組込み

HTML5からaudioタグが追加されmp3を再生できるようになった。
しかし、mp3をサポートしているブラウザはIE9、CHROME18のみであった。
ブラウザのaudio形式のサポート状況は次のとおりバラバラである。

audio形式 IE9 Firefox11 opera11.61 chrome18
ogg ×
mp3 × ×
wav ×   ○  ○ 
AAC × × ○ 

また、IE8ではaudioがサポートされていないため動作しなかった。
調べてみると、次のJavaScriptをhead内に記述すれば動作すると記載されているので試してみたところ、mp3ファイルが再生された。
WordPressではheder.phpの<head>~</head>内に下記の一行を追加する。

<script src="http://api.html5media.info/1.1.4/html5media.min.js"></script>

audioタグの組込み
投稿ページなどに次のソースコードを記述する。

<audio src="="./wp-content/uploads/media/audio.mp3" controls preload="auto">
<p>HTML5とMP3に対応したブラウザでは、音声が再生できます。</p>
</audio>

 
組込みサンプル

HTML5とMP3に対応したブラウザでは、音声が再生できます。