Конвертация в видео веб форматы. (HTML 5 video.)

[Yamaradg]

Всем привет.

Последнее время пытаюсь подтягивать знания по HTML5 и сейчас начал разбираться с тегом <VIDEO> .

Читал некоторые статьи(в том числе и эту: http://htmlbook.ru/html5/video) + гуглил - но найти ответ на самый простой вопрос пока не могу:

'Чем собственно говоря(какой программой или сервисом!) конвертировать видео в данные Форматы'? ogg/theora, H.264, WebM,

И если забегать на будущее то хотелось бы аналогичный вопрос и на счёт аудио форматов спросить: ogg/vorbis, wav, mp3, AAC?

Имею кучу установленных видео конвертеров - но у них нет возможности перегнать это дело в:

ogg/theora или WebM !?

(При перегонке в H.264 так же имеются проблемы в виде не отображения видео в браузере Safary!

Насколько я понимаю - этот формат при нормальных раскладах просто обязан воспроизводиться!? )

http://htmlbook.ru/html/video

C Аудио конверторами пока не 'игрался' - но интуитивно думаю, что могут возникнуть проблемы с конвертацией формата 'ogg/vorbis' - это как минимум..

Ещё я так и не понял до конца - это обычные форматы или специальные Веб форматы? (Имею ввиду видео.)

Исходя из википедии нельзя сказать, что это спец форматы для веба. Но тогда почему нет возможности перегонять в стандартных конверторах всё это дело?

(кто, что думает по этому поводу?)

P.S. Буду благодарен за любые советы!

Edited April 25, 2013 by Yamaradg

[wwt]

Пользуюсь вот этим бесплатным видеоконвертером http://www.freemake.com/ru/free_video_converter/ , там есть вариант конвертации для HTML5

У них же есть и бесплатный аудиоконвертер http://www.freemake.com/ru/free_audio_converter/

ЗЫ Кстати он даже плагин в браузер ставит, мона тянуть видео к примеру сразу с ютуба.

Edited April 25, 2013 by wwt

[spdif]

почему нет возможности перегонять в стандартных конверторах всё это дело?

какие конкретно вы относите к категории "стандартные".?

например для меня стандартные это:

из платных - Adobe Media Encoder CS6

из бесплатных - HandBrake скачать

и в них есть возможность перегонять все это дело)

ну а про формат WebM, так как он относительно новый и если с ним есть трудности, то совет посетить сайт проекта WebM

...

[Yamaradg]

например для меня стандартные это:

из платных - Adobe Media Encoder CS6

из бесплатных - HandBrake скачать

и в них есть возможность перегонять все это дело)

ну а про формат WebM, так как он относительно новый и если с ним есть трудности, то совет посетить сайт проекта WebM

...

Понял. Спасибо!

P.S. Под стандартными имел ввиду такой бесплатный софт как 'Format Factory' к примеру..

(при желании список программ можно сделать довольно длинным..)

+ Имелось ввиду, что бы конвертация была осуществлена таким способом, что бы можно было настраивать(в ручную) качество полученного на выходе файла!

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

Edited April 26, 2013 by Yamaradg

[Yamaradg]

(При перегонке в H.264 так же имеются проблемы в виде не отображения видео в браузере Safary!

Насколько я понимаю - этот формат при нормальных раскладах просто обязан воспроизводиться!? )

http://htmlbook.ru/html/video

Пользуюсь вот этим бесплатным видеоконвертером http://www.freemake....ideo_converter/ , там есть вариант конвертации для HTML5

У них же есть и бесплатный аудиоконвертер http://www.freemake....udio_converter/

Попробовал заюзать ваш конвертер - но у меня почему то и в этом варианте видео не отображается(в браузере Safary) !?

Не знаете, в чём может быть причина?

(С таким не сталкивались?)

P.S. Вот пример, как это в Safary выглядит:

http://webmaster.ayrveda.ru/lessonCanvas2/canvas_video.html

+ в добавок ко всему, после загрузки на хостинг образовалась проблема в виде не отображения видео в браузерах IE-9,10!?

Попробовал воспользоваться советами на данной ссылке:

http://www.xiper.net/collect/server/htaccess/addtype.html

Но это не дало абсолютно никакого эффекта.

(Что с этой проблемой делать дальше, пока сам не знаю..)

[spdif]

Подготовили: Евгений Рыжков и Татьяна Головко Дата публикации: 22.03.2011

Когда я пишу эту главу, Microsoft представила "developer preview" Internet Explorer 9. Он пока не поддерживает тег <video>, но Microsort клятвенно обещает, что окончательная версия IE9 будет его поддерживать с H.264 видео и AAC аудио в формате MPEG-4, так же, как десктопный и мобильный Safari.

А как быть с более старыми версиями Internet Explorer? Мы знаем, что на рынке присутствует ряд версий IE, вплоть до 8-й. Большинство пользователей IE имеют установленный плагин для отображения Flash. Современные версии Adobe Flash (начиная с 9.0.60.184) поддерживают H.264 видео и AAC аудио в формате MPEG-4. Такой формат мы подготавливаем для Safari с помощью HandBrake и его можно использовать для отображения с помощью flash для браузеров, не поддерживающих HTML5.

FlowPlayer — flash видео плеер с открытым исходным кодом (коммерческая версия в принципе тоже есть — http://flowplayer.org/download/). FlowPlayer ничего не знает о теге <video> и он не способен магическим образом преобразовать <video> во флеш объект. Но разработчики HTML5 знали, что такая проблема будет и они это предусмотрели: элемент <object> можно включить в <video>. Браузеры не поддерживающие тег <video>, будут его игнорировать, но при этом они заметят вложенный <object>, который смогут воспроизвести с помощью flash. Браузеры же, которые поддерживают HTML5, найдут в списке <source> формат, который способны воспроизвести и будут игнорировать вложенный <object>.

Это последней элемент пазла с видео: HTML5 спецификация указывает, что все вложенные элементы (кроме <source>) в <video> следует игнорировать. Это позволяет смело использовать HTML5 видео и использовать изящный откат к флеш для старых браузеров. И все это без использования хитроумных приемов на Javascript.

для примера:

<video id="movie" width="320" height="240" preload controls>
<source src="pr6.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
<source src="pr6.webm" type='video/webm; codecs="vp8, vorbis"' />
<source src="pr6.ogv" type='video/ogg; codecs="theora, vorbis"' />
<object width="320" height="240" type="application/x-shockwave-flash" data="flowplayer-3.2.1.swf">
<param name="movie" value="flowplayer-3.2.1.swf" />
<param name="allowfullscreen" value="true" />
<param name="flashvars" value='config={ "clip": {"url": "http://wearehugh.com/dih5/good/bbb_480p.mp4", "autoPlay":false, "autoBuffering":true}}' />
<p>Download video as <a href="pr6.mp4">MP4</a>,
<a href="pr6.webm">WebM</a>, or
<a href="pr6.ogv">Ogg</a>.</p>
</object>
</video>

Edited April 26, 2013 by spdif

[Yamaradg]

Такой формат мы подготавливаем для Safari с помощью HandBrake и его можно использовать для отображения с помощью flash для браузеров, не поддерживающих HTML5.

То есть из этого следует понимать, что safary именно через флэшь видеофайлы должен обрабатывать?

(или как?)

Если это так - то получается здесь деза?

http://htmlbook.ru/html/video

P.S. Насчёт проблем с отображением в IE-9,10. не знаете в чём может быть причина?

(C винта всё нормально смотрится - но после того, как на хостинг заливаю это дело не работает..)

http://webmaster.ayr...nvas_video.html

Edited April 26, 2013 by Yamaradg

[wwt]

Сафари поддерживает H.264 , AAC, MP3.

А флеш поддерживают те браузеры которые поддерживают плагин Adobe.

Тоесть в контейнере mp4 должно быть видео сжатое 264-м кодеком, а не xVid к примеру или DivX

Edited April 27, 2013 by wwt

[Yamaradg]

Сафари поддерживает H.264 , AAC, MP3.

А флеш поддерживают те браузеры которые поддерживают плагин Adobe.

Тоесть в контейнере mp4 должно быть видео сжатое 264-м кодеком, а не xVid к примеру или DivX

Это я понимаю. Но я к примеру взял кусок видео и переконвертировал(в HTML5) вашей программой!

Далее 3 формата: mp4(насколько я понимаю он и есть в данном случае H.264), ogv, webm.

Флешь я не подключал, что бы проверить как без него это дело работать будет..

В сафари вижу что не работает! (+надпись в теге есть соответствующая.)

Вот я и пытаюсь понять что я в подключении не так сделал?

До этого пробовал своим конвертором кодировать в MP4(именно с опцией кодека H.264) - но опять же были проблемы(такие же как и сейчас) в Safary!?

(В GOOGLE CHROME + IE всё нормально воспроизводилось.)

В чём может быть причина в данном случае?

(Если учесть, что всё это дело с винта обрабатывалось..)

P.S. Если кому интересно - файлы(html+css) с видео дорожками(mp4, ogv, webm) + исходником(obratnaya_tyaga_ishodnik.mp4) находятся здесь:

http://yadi.sk/d/OKkFrQil4ORPe

(сами дорожки лежат в папке HTML5!)

Edited April 27, 2013 by Yamaradg