htmlのaudioについて

最近の仕事でhtmlの<audio>を扱いました。

その時調べたことをメモ書きします。

主要なブラウザ(IE、Chrome、FireFox、Safari、Opera)で音声を流したい場合、「.ogg」と「.m4a」ファイルが必要です。

参照URL:http://hobbies.i-pro.mods.jp/?eid=65

音声ファイルをフリーのソフトで「.ogg」と「.m4a」に変換後、

↓みたいな感じでhtml上に書けばOK。

<audio preload=”auto” id=”sound_correct”>
<source src=”/sound/correct.m4a” type=”audio/mpeg”>
<source src=”/sound/correct.ogg” type=”audio/ogg”>
</audio>

音声は↓javascriptで再生することも可能

document.getElementById(‘sound_correct’).play();