Vulpo One

Tag: gecko

Mozilla && CSS3: Part 2

Выдалось немного времени на расследование дела о пропавших градиентах.

В общем, произошло логичное упрощение синтаксиса в Firefox 3.6 beta 2 и одновременно в транке других геккобраузеров (в т.ч. снапшотах Firefox 3.7)

background-image: -moz-linear-gradient(top, bottom, from(#006699), to(#2A90C3));

стало

background-image: -moz-linear-gradient(top, #006699, #2A90C3);

Кто скажет, что стало нелогичнее и непонятнее, пусть первым бросит в меня камень убьётся камнем. Ну и это всяко лучше, чем

background-image: -webkit-gradient(
    linear, left top, left bottom,
    color-stop(0.00, #006699), color-stop(1.00, #2A90C3)
);

Подробности синтаксиса на сайте мозиллы: https://developer.mozilla.org/en/CSS/-moz-linear-gradient

Comments


Mozilla && CSS3

Судя по ухудшившемуся виду home.sunchaser.info, мозилловцы изменили синтаксис -moz-???-gradient. Синтаксис webkit не подходит. Т.е. либо выдумали что-то новое, либо отключили на время из-за каких-нибудь проблем. Скандалы, интриги, расследования — следим дальше.

Comments



Маленькое исследование 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 формата, было использовано несколько источников для элемента (см. код под катом)
 MozillaAroraChrome
mp3
ogg
mp3, oggogg
ogg
ogg, mp3ogg
ogg
mp4 (h264)
ogv (theora)
mp4, ogvogv
mp4
ogv, mp4ogv
ogv

Google Chrome понял формат mpeg, но всё равно предпочел ogv в обоих случаях независимо от порядка указания. Он просто хочет audio/mp4 в качестве MIME-типа. Подправил код и Хром сразу стал вести себя логичнее.

Arora почему-то не поняла множественные источники.

Код страничек (под катом):

Continue readingComments


<audio> and <video>

Как, должно быть многим известно, новый веб-стандарт HTML5 включает в себя теги <audio> и <video>. Как известно чуть меньшему числу народа, эти теги уже вполне себе работают в Mozilla Firefox 3.1. Что ж. Мне стало интересно и я установил этот Фокс себе на виртуальную вянду.

Что ж, работает… Поддерживает кодеки Vorbis (аудио) и Theora (видео). mp3 не держит, что логично. pcm должен по стандарту, но я не проверял. Контейнеры тоже не проверял, но похоже, что ограничено ogg/ogm/ogv и должен бы быть wav (по стандарту), и если повезет, avi (хотя если всё равно либо несжатый, либо Theora… какой от него плюс?).

В качестве теста подправил пост про “Оду к радости”. Теперь если ваш браузер поддерживает <audio>, вы увидите что-то вроде такого:

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>

т.е. фактически, проще некуда.

Comments