Webデザイナーになって8年ぐらいの月日が流れました。この8年間で数百サイト制作しましたが、案件で音源をホームページに載せてほしいという依頼は一度もありませんでした。まぁ当然と言えば当然かもしれませんが・・・ てなわけでhtml5に実装された<audio>も僕の案件の中では日の目を浴びたことがございません。ちなみに僕がwebデザインを覚えたきっかけはホームページに音源を公開するのが目的でした。当時このタグがあれば便利だったのにと思いながら今後のために実装方法を

すごくシンプルです。当時はストリーミング再生するためにm3uファイルやramファイルを作っていいたことを思い出すとなんだかテンションがあがっちゃいます。しかもcontrolsの記述でインターフェイスはブラウザ依存ですがコントローラーまでついていますからね〜同じファイルで複数のメディアを指定しているのはブラウザによって対応している音源が違うからです。

属性

対応ファイル形式

Chorme,Safari,IE,がaudio/aac .m4aに対応していて Chorme,Firefoxがaudio/ogg .oggに対応していますのでmp3はハショっていいかなぁ〜と思います。Firefox使いの人は気分を害するかもしれませんが、Web制作者にとってFirefoxなんだか使えない子になってきている感じがします。webfontもFirefoxに対応させるためにフォントをwoffに変換しなければならないと記憶しています。Web制作者にとってIEが使えない子なのはデフォルトとしてもFirefoxは昔メインで使っていたのでなんだかさみしい感じです。シェアもガンガンさがっていますし・・・・・ そのうちIE化しなければいいのですが・・・

ちなみにhead内に

を記述するとIE,6,7,8にも対応するようです。

というわけで、久々にちょっと曲を公開してみます。作詞・作曲共に僕です。上で言ってた通りmp３は端折ってます。