どのブラウザがhtml 5< audio>をサポートしていますか今日のWindowsのタグ?

StackOverflow https://stackoverflow.com/questions/1007223

  •  06-07-2019
  •  | 
  •  

質問

Windowsで現在HTML 5 < audio> タグをサポートしているブラウザはどれですか?

編集:テストとして http://moztw.org/demo/audioplayer/ を試します。 Chrome 2とSafari 4が機能しません。

役に立ちましたか?

解決

Safari 3.1+およびFirefox 3.5は両方ともaudio要素をサポートしています。 Opera 10は、オーディオ要素の形式で古いバージョンをサポートしていますが、オーディオ要素をサポートしていません 。 Chrome 3は、おそらくオーディオ要素をサポートします。

(その特定のページのサポートを知りたいと思っただけでした。それは主に、使用しているコーデックに依存しています。恐れています。)

(免責事項:私はOperaで働いており、HTML WGのメンバーです。)

他のヒント

これがtrueと評価された場合:

!!document.createElement('audio').canPlayType

を使用すると、ブラウザでオーディオタグがサポートされます。このような機能検出は、userAgent文字列を解析するよりもはるかに優れています。

別の方法として、 Modernizr のようなものを使用して、この検出やその他の多くの処理を行うことができます。

当社のブログ投稿

HTML5オーディオの最新のブラウザーサポートに関する最新情報が含まれています。

2011年7月現在

IE9

MP3およびAACをサポート

Firefox 5

OggおよびWavをサポート

Chrome 12

Ogg、MP3、Wav、およびAACをサポート

Safari 5

MP3、AAC、WAVをサポート

Opera 11

OggおよびWavをサポート

上記のデータとブログ投稿を読むとわかるように、すべてのブラウザでサポートされているオーディオ形式はないため、少しイライラする状況です。解決策の兆候もまだありません。

ブラウザの開始時期のリストをまとめましたオーディオタグをサポートし、それらがサポートするオーディオ形式。

現在、サポートはかなり良好です。 IE9以降、すべてのデスクトップブラウザーとほとんどのモバイルブラウザーの最新バージョンがオーディオタグをサポートしています。これを使用しない唯一の理由は、IEの古いバージョンをサポートすることですが、それが重要な場合はいつでもフォールバックを提供できます。

デスクトップブラウザの詳細は次のとおりです。

+---------+-------------------------+----------------------------------+
| Browser | Supported since version |             Formats              |
+---------+-------------------------+----------------------------------+
| IE      | 9.0                     | AAC or .mp3                      |
| Firefox | 3.5                     | .ogg, .wav                       |
| Chrome  | 3                       | .mp3, .ogg                       |
| Safari  | 4                       | Any audio supported by Quicktime |
| Opera   | 9.5                     | .ogg, .wav                       |
+---------+-------------------------+----------------------------------+

モバイルブラウザの詳細は次のとおりです(形式情報はありません。申し訳ありません):

+--------------+-------------------------+
|   Browser    | Supported since version |
+--------------+-------------------------+
| iOS Safari   | 4                       |
| Opera mobile | 10                      |
| Opera mini   | no support (Dec 2011)   |
| Android      | 2.3                     |
| Blackberry   | 6                       |
+--------------+-------------------------+

音声を使用する場合は、提供することが重要です.oggと.mp3の両方のバージョンのファイルを使用して、ブラウザ間で適切にサポートします。

<audio controls>
   <source src="/my-podcast.mp3" />
   <source src="/my-podcast.ogg" />
</audio>

各ブラウザのHTML5サポートを比較した wikipedia の記事は次のとおりです。

WindowsでSafariがオーディオをサポートするには、Quicktimeがインストールされている必要があります。 javascriptスニペットは、サポートされているかどうかを正しく報告します。

これらのブラウザはすべて、タグの機能をサポートしています。プレーヤーがSafariで動作しないのは、OGGファイルを使用しているためです。 OGGはFirefoxおよびChromeでサポートされています。
FirefoxはWAVとOGGのみをサポートします。 Chromeはすべてをサポートしています。 OperaはWAVのみをサポートしています。 SafariはOGGを除くすべてをサポートしています。

がんばって!

オペラ10およびff 3.5、サファリについては知らない

Safari 4、RC1のFirefox 3.5、そしておそらくChrome 2のことでしょう。

私が知る限り、gecko、webkit、およびprestoエンジンで部分的または完全にサポートされています。

したがって、これらのエンジンの最新バージョンを使用するブラウザはすべてサポートする必要があります。

Gecko、Webkit、およびPrestoエンジンは、それをサポートすると想定されていますが、一部しか考えていません。 Firefox 3.5とOperaが最善の策です。

ページ(moztw.org/demo/audioplayer)はChrome 3(開発チャンネル)で正常に動作します

ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top