Свершилось! Вышел первый браузер с поддержкой мультимедиа-тегов html5. Еще из понравившихся плюшек — режим приватности (имеющиеся куки игнорируются, новые не сохраняются, история не пишется) для гуляния по опасным сайтам или чтобы гости не разлогинивали вашу вконтатку. Вызывается пунктом меню [Tools -> Start Private Browsing] ([Инструменты -> Войти в режим приватного просмотра]) или комбинацией Ctrl+Shift+P
Маленькое исследование HTML5 Multimedia
А точнее, поддержка элементов 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 почему-то не поняла множественные источники.
Код страничек (под катом): Read more …
<audio> and <video>
Как, должно быть многим известно, новый веб-стандарт HTML5 включает в себя теги <audio> и <video>. Как известно чуть меньшему числу народа, эти теги уже вполне себе работают в Mozilla Firefox 3.1. Что ж. Мне стало интересно и я установил этот Фокс себе на виртуальную вянду.
Что ж, работает… Поддерживает кодеки Vorbis (аудио) и Theora (видео). mp3 не держит, что логично. pcm должен по стандарту, но я не проверял. Контейнеры тоже не проверял, но похоже, что ограничено ogg/ogm/ogv и должен бы быть wav (по стандарту), и если повезет, avi (хотя если всё равно либо несжатый, либо Theora… какой от него плюс?).
В качестве теста подправил пост про “Оду к радости”. Теперь если ваш браузер поддерживает <audio>, вы увидите что-то вроде такого:
Код выглядит вот так:
-
<audio src="/wp-content/uploads/2008/05/european_anthem_long.ogg" controls="true">
-
<a href="/wp-content/uploads/2008/05/european_anthem_long.ogg">скачать</a>
-
<strong>(ваш браузер не поддерживает тег AUDIO)</strong>
-
</audio>
т.е. фактически, проще некуда.
FeedBurner