Какие браузеры поддерживают тег html 5 <audio>в Windows сегодня? - PullRequest
30 голосов
/ 17 июня 2009

Какие браузеры поддерживают тег html 5 <audio> в Windows сегодня?

Редактировать: пробовать http://moztw.org/demo/audioplayer/ в качестве теста. Chrome 2 и Safari 4 не работают для меня.

Ответы [ 12 ]

28 голосов
/ 11 сентября 2009

, если значение равно true:

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

, тогда у вас есть поддержка аудио тегов в вашем браузере. Подобное обнаружение намного лучше, чем анализ строк userAgent.

Кроме того, вы можете использовать что-то вроде Modernizr для обработки этого обнаружения и многие другие для вас.

11 голосов
/ 17 июня 2009

Safari 3.1+ и Firefox 3.5 поддерживают аудио элемент.Opera 10 поддерживает , а не , поддерживает аудио элемент, хотя и поддерживает более старую версию его в форме аудио объекта.Chrome 3, скорее всего, будет поддерживать аудиоэлемент.

(только что увидел, что вы хотели бы узнать о поддержке этой конкретной страницы. Боюсь, это в основном зависит от используемых вами кодеков.)

(Отказ от ответственности: я работаю в Opera и являюсь членом HTML WG.)

10 голосов
/ 22 июля 2011

Наш блог пост .

Содержит более актуальную информацию о поддержке браузером HTML5 современных браузеров.

По состоянию на июль 2011 года

IE9

Поддерживает MP3 и AAC

Firefox 5

Поддерживает Ogg и WAV

Chrome 12

Поддерживает Ogg, MP3, WAV и AAC

Safari 5

Поддерживает MP3, AAC и WAV

Опера 11

Поддерживает Ogg и WAV

Как видно из приведенных выше данных и чтения блога, ситуация немного разочаровывающая, поскольку не один аудиоформат поддерживается всеми браузерами. Также нет никаких непосредственных признаков какого-либо решения.

7 голосов
/ 29 декабря 2011

Я составил список , когда браузеры начали поддерживать аудио-тег и какие аудио-форматы они поддерживают.

Поддержка сейчас довольно хорошая. Начиная с 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>
3 голосов
/ 17 июня 2009

Вот статья википедии , сравнивающая поддержку HTML5 каждого браузера:

2 голосов
/ 08 февраля 2010

Чтобы Safari поддерживал звук в Windows, необходимо установить Quicktime. Фрагмент javascript правильно сообщает, поддерживается он или нет.

1 голос
/ 12 июня 2010

Все эти браузеры поддерживают функциональность тега. Причина, по которой ваш плеер не работает в Safari, заключается в том, что вы используете файлы OGG. OGG поддерживается в Firefox и Chrome.
Firefox поддерживает только WAV и OGG. Chrome поддерживает все. Opera поддерживает только WAV. Safari поддерживает все, кроме OGG.

Удачи!

0 голосов
/ 17 июня 2009

Страница (moztw.org/demo/audioplayer) работает нормально в Chrome 3 (канал разработчика)

0 голосов
/ 17 июня 2009

Предполагается, что движки Gecko, Webkit и Presto его поддерживают, но я думаю, что только частично. Так что Firefox 3.5 и Opera - ваш лучший выбор.

0 голосов
/ 17 июня 2009

Насколько я знаю, он поддерживается частично или полностью в движках gecko, webkit и presto.

Так что любой браузер, который использует последнюю версию этих движков, должен поддерживать его.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...