Chase Your Dreams! » Multimedia http://sunchaser.info Christian Archer Fri, 18 May 2012 11:42:41 +0000 en hourly 1 http://wordpress.org/?v=3.3.2 Новый видеоформат для Web http://sunchaser.info/2010/05/19/novyj-videoformat-dlya-web.html http://sunchaser.info/2010/05/19/novyj-videoformat-dlya-web.html#comments Wed, 19 May 2010 18:40:00 +0000 SunChaser http://ru.sunchaser.info/?p=1163 Не всегда новое это хорошо забытое старое, это может еще совсем-совсем свежее, просто еще подштукатруенное. Например урезанный MKV (WebM) + вот-вот ставший свободным VP8 + старый добрый OGG Vorbis = WebM — новая попытка профорсить единый стандарт для веб-видео, на этот раз вместе с Google, который подключил в войну теперь не только Хром, но и Утьюб.

Подробнее на OpenNET
Офсайт

Будем надеяться, что это технически подкованное решение в отличие от предыдущей попытки — слабоватой Theora в нерассчитанном на видео контейнере OGG (OGV) — займёт лидирующие позиции в инете.

]]> http://sunchaser.info/2010/05/19/novyj-videoformat-dlya-web.html/feed 0 Маленькое исследование HTML5 Multimedia http://sunchaser.info/2009/06/29/malenkoe-issledovanie-html5-multimedia.html http://sunchaser.info/2009/06/29/malenkoe-issledovanie-html5-multimedia.html#comments Mon, 29 Jun 2009 20:11:54 +0000 SunChaser http://www.sunchaser.info/?p=788 А точнее, поддержка элементов 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>

]]> http://sunchaser.info/2009/06/29/malenkoe-issledovanie-html5-multimedia.html/feed 0 <audio> and <video> http://sunchaser.info/2009/03/30/audio-and-video.html http://sunchaser.info/2009/03/30/audio-and-video.html#comments Mon, 30 Mar 2009 22:08:05 +0000 SunChaser http://www.sunchaser.info/?p=726 Как, должно быть многим известно, новый веб-стандарт HTML5 включает в себя теги <audio> и <video>. Как известно чуть меньшему числу народа, эти теги уже вполне себе работают в Mozilla Firefox 3.1. Что ж. Мне стало интересно и я установил этот Фокс себе на виртуальную вянду.

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

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

audio

Код выглядит вот так:

  1. <audio src="/wp-content/uploads/2008/05/european_anthem_long.ogg" controls="true">
  2.     <a href="/wp-content/uploads/2008/05/european_anthem_long.ogg">скачать</a>
  3.     <strong>(ваш браузер не поддерживает тег AUDIO)</strong>
  4. </audio>

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

]]> http://sunchaser.info/2009/03/30/audio-and-video.html/feed 2