А точнее, поддержка элементов audio и video в современных браузерах.
Для проверки были сделаны 2 странички и использованы 4 мультимедиа файла в форматах mp3, ogg vorbis, ogg theora, x264/mp4
Итак… на сегодняшний день audio и video поддерживают:
- Mozilla Firefox 3.5 RC (Windows, Linux) — скорее всего станет первым стабильным браузером с этой фичей
- Mozilla SeaMonkey 2.0b1 (Windows, Linux) — ну… логично
- Arora 0.7.1 (Linux). Виндовая почему-то не хочет…
- Google Chrome 3.0 (Windows) — тоже пока еще development branch. Единственный конкурент Мозиллы на право первенства. Версия же под Linux пока вообще ничего не умеет
MSIE как всегда в пролете. Opera в мейнстрим пока свои наработки пускать не хочет. Safari вопреки слухам тоже пока поддержкой не обзавелся. (возможно, слухи были про MacOS)
Поддержка форматов
Где указаны 2 формата, было использовано несколько источников для элемента (см. код под катом)
| Mozilla | Arora | Chrome | |
|---|---|---|---|
| mp3 | - | - | - |
| ogg | + | + | + |
| mp3, ogg | ogg | - | ogg |
| ogg, mp3 | ogg | - | ogg |
| mp4 (h264) | - | - | + |
| ogv (theora) | + | + | + |
| mp4, ogv | ogv | - | mp4 |
| ogv, mp4 | ogv | - | ogv |
Google Chrome понял формат mpeg, но всё равно предпочел ogv в обоих случаях независимо от порядка указания. Он просто хочет audio/mp4 в качестве MIME-типа. Подправил код и Хром сразу стал вести себя логичнее.
Arora почему-то не поняла множественные источники.
Код страничек (под катом):
audio.html
<html>
<head>
<meta charset=”utf-8″/>
<title>HTML5 Audio</title>
</head>
<body>
<p>Beatles – Yesterday (mp3):<br/>
<audio src=”yesterday.mp3″ controls=”controls”>Нет поддержки элемента audio</audio></p>
<p>Beatles – Let It Be (ogg):<br/>
<audio src=”letitbe.ogg” controls=”controls”>Нет поддержки элемента audio</audio></p>
<p>Много источников. Сначала указан mp3, потом ogg:<br/>
<audio controls=”controls”>
<source src=”yesterday.mp3″ type=”audio/mpeg”/>
<source src=”letitbe.ogg” type=”audio/ogg”/>
Нет поддержки элемента audio
</audio>
<p>Много источников. Сначала указан ogg, потом mp3:<br/>
<audio controls=”controls”>
<source src=”letitbe.ogg” type=”audio/ogg”/>
<source src=”yesterday.mp3″ type=”audio/mpeg”/>
Нет поддержки элемента audio
</audio>
</p>
</body>
</html>..
video.html
<html>
<head>
<meta charset=”utf-8″/>
<title>HTML5 Video</title>
</head>
<body>
<p>Arrancar Encyclopedia – Bawabawa (mp4/x264):<br/>
<video src=”bawabawa.mp4″ controls=”controls”>Нет поддержки элемента video</video></p>
<p>Yaoi (ogv/theora):<br/>
<video src=”yaoi.ogv” controls=”controls”>Нет поддержки элемента video</video></p>
<p>Много источников. Сначала указан mp4, потом ogv:<br/>
<video controls=”controls”>
<source src=”bawabawa.mp4″ type=”video/mp4″/>
<source src=”yaoi.ogv” type=”video/ogg”/>
Нет поддержки элемента video
</video>
<p>Много источников. Сначала указан ogv, потом mp4:<br/>
<video controls=”controls”>
<source src=”yaoi.ogv” type=”video/ogg”/>
<source src=”bawabawa.mp4″ type=”video/mp4″/>
Нет поддержки элемента video
</video>
</p>
</body>
</html>