HTML5の<audio>タグでサポートされる音声フォーマットとオーディオ コントローラ

HTML5 から <audio> タグにより音声データがサポートされました。
しかしブラウザによって音声フォーマとのサポートがまちまちで、
ブラウザのオーディオコントローラの大きさもまちまちです。

手元のガジェットでの調査結果です。

## Windows 7

Browser           | Version         | MP3 | WAV | OGG | Audio Controller
------------------|-----------------|-----|-----|-----|-----------------
Internet Explorer | 11.0.9600.17358 | YES | NO  | NO  | ![Windows-IE-audio-controller.png](https://qiita-image-store.s3.amazonaws.com/0/11244/c2f1dd23-a19a-3550-b90c-60980e01656b.png)
Google Chrome     | 38.0.2125.111   | YES | YES | YES | ![Windows-Chrome-audio-controller.png](https://qiita-image-store.s3.amazonaws.com/0/11244/e4d9540f-1069-3eea-8ed9-fa2dc2edbdab.png)
Firefox           | 33.1            | YES | YES | YES | ![Windows-Firefox-audio-controller.png](https://qiita-image-store.s3.amazonaws.com/0/11244/c8ec3d71-a4b9-a988-b484-41cd5c53821f.png)
Opera             | 26.0.1656.24    | YES | YES | YES | ![Windows-Opera-audio-controller.png](https://qiita-image-store.s3.amazonaws.com/0/11244/b47a1885-1ef0-8f1d-bb01-d7f8e25c14ad.png)

## Mac OS X 10.9.4

Browser       | Version           | MP3 | WAV | OGG | Audio Controller
--------------|-------------------|-----|-----|-----|-----------------
Safari        | 7.0.5 (9537.77.4) | YES | YES | NO  | ![MacOSX-Safari-audio-controller.png](https://qiita-image-store.s3.amazonaws.com/0/11244/4220a6a9-f22a-955b-3cf8-1cdb915b5871.png)
Google Chrome | 39.0.2171.65      | YES | YES | YES | ![MacOSX-Chrome-audio-controller.png](https://qiita-image-store.s3.amazonaws.com/0/11244/8f4f5dc1-61f4-dd8d-d49b-6080ec02d64f.png)
Firefox       | 33.1.1            | YES | YES | YES | ![MacOSX-Firefox-audio-controller.png](https://qiita-image-store.s3.amazonaws.com/0/11244/099d0e6a-a683-9ac8-63ff-32e6b44acf9c.png)
Opera         | 26.0.1656.24      | YES | YES | YES | ![MacOSX-Opera-audio-controller.png](https://qiita-image-store.s3.amazonaws.com/0/11244/73a18fbb-2dce-776b-7361-974c4d73dfaf.png)

Retinaなのでサイズがでかいですが、画面で見ると丁度いい感じ。

## Fedora 20

Browser       | Version           | MP3 | WAV | OGG | Audio Controller
--------------|-------------------|-----|-----|-----|-----------------
Google Chrome | 37.0.2062.120     | YES | YES | YES | ![Fedora-Chrome-audio-controller.png](https://qiita-image-store.s3.amazonaws.com/0/11244/47901748-c9ee-0206-bd7f-68276185f0fa.png)
Firefox       | 33.0              | NO  | YES | YES | ![Fedora-Firefox-audio-controller.png](https://qiita-image-store.s3.amazonaws.com/0/11244/193249b3-e8e0-bc96-c47b-35e0c988310a.png)

## iOS (初代 iPad)

Browser       | Version           | MP3 | WAV | OGG | Audio Controller
--------------|-------------------|-----|-----|-----|-----------------
Safari        | 5.1? (7534.48.3)  | YES | YES | NO  | ![iPad-Safari-audio-controller.png](https://qiita-image-store.s3.amazonaws.com/0/11244/afccad74-137d-5435-99e6-ad0d8796f123.png)

## Android 4.4.2 (SHL25)

Browser       | Version         | MP3 | WAV | OGG | Audio Controller
--------------|-----------------|-----|-----|-----|-----------------
Google Chrome | 39.0.2171.59    | YES | YES | YES | ![Android-Chrome-audio-controller.png](https://qiita-image-store.s3.amazonaws.com/0/11244/4a341031-b3cb-a9cd-ae98-248b68470637.png)
Firefox       | 33.1            | YES | YES | YES | ![Android-firefox-audio-controller.png](https://qiita-image-store.s3.amazonaws.com/0/11244/d0c6b0fb-ba06-5d6f-e941-446b598d0d0c.png)
Opera         | 25.0.1619.84037 | YES | YES | YES | ![Android-Opera-audio-controller.png](https://qiita-image-store.s3.amazonaws.com/0/11244/288f1e79-5503-c556-dd32-58409e7a0da9.png)

サイズはでかいですが、画面で見ると小さい。拡大しないとボタンは押せない。

## Android 4.4.4 (Nexus 7)

Browser       | Version         | MP3 | WAV | OGG | Audio Controller
--------------|-----------------|-----|-----|-----|------------------
Google Chrome | 39.0.2171.59    | YES | YES | YES | n/a
Firefox       | 33.1            | YES | YES | YES | n/a
Opera         | 25.0.1619.84037 | YES | YES | YES | n/a

Volume Up/Down ボタンの調子がいまいちで、2秒間押したままにできないので画像はありません。

## まとめ

mp3 が再生できないのは Fedora20 の Firefox だけ。
一種類しか音声フォーマットを用意しないのであれば mp3。

Windows の Internet Expolorer の audio controller だけ個性が強い。
画面のテイストによっては、マッチしないかも。