どのブラウザがhtml 5< audio>をサポートしていますか今日のWindowsのタグ?
-
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(開発チャンネル)で正常に動作します