Stepkin 26 авг 2010 в 14:01

Наш плеер на HTML5

3 мин

30K

Работа с видео*

+99

Комментарии 73

void_ua 26 авг 2010 в 14:14

Незнаю, может браузер у меня не поддерживает HTML5 но, поклацал все форматы видео и ниодин не пошол :(
Firefox 3.6.8, Ubuntu

-1

Tishka17 26 авг 2010 в 14:17

Opera 10.61 Debian 5.0 тоже ни одно не смог посмотреть

ldv290384e 26 авг 2010 в 14:20

Chrome 5.0.375.127 Ubuntu 10.04 — работает. Подтверждаю отказы в фоксе и опере

Stepkin 26 авг 2010 в 14:31

Спасибо, должно заработать

void_ua 26 авг 2010 в 14:35

Ну уже лучше :) при нажатии на плей стал чорный экранчик :)

romanoza 26 авг 2010 в 14:37

Chromium 5.0.375.125 (53311) Ubuntu 10.04 не работает

brick812 26 авг 2010 в 20:33

Chrome 5.0.375.127 Ubuntu 10.04 x64 работает!

romanoza 26 авг 2010 в 21:26

Chrome 6.0.472.41 beta Ubuntu 10.04 работает

grcool 26 авг 2010 в 14:31

Opera 10.70 на Ubuntu 10.04, проиграл все кроме H.264) Все как и должно быть)

dovan 26 авг 2010 в 19:07

Видео — Firefox 3.6.8 Ubuntu 10.04 работает! Формат — Авто (Theora)
Аудио — Firefox 3.6.8 Ubuntu 10.04 работает! Формат — Wav
====
Видео — Chrome 5.0.375.127 Ubuntu 10.04 работает! Формат — H.264
Аудио — Chrome 5.0.375.127 Ubuntu 10.04 работает! Формат — mp3 (после нескольких секунд простоя начало работать)
====
Видео

dovan 26 авг 2010 в 19:10

Видео — Opera 10.61 Ubuntu 10.04 работает! Формат — Авто (Theora)
Аудио — Opera 10.61 Ubuntu 10.04 работает! Формат — Авто ogg (vorbis)

извиняюсь за два поста… Тем у кого не работает попробуйте установить Extras для Ubuntu

grcool 26 авг 2010 в 14:29

Opera 11.0+
Где взяли?))

CaptainQuazar 26 авг 2010 в 15:04

Это они на будущее, так как в текущих ветках местами отказы…

yegorchic 26 авг 2010 в 14:29

Opera 10.61 \ Win 7 — все отлично проигрывается кроме mp3 и H264

gigimon 26 авг 2010 в 14:30

Молодцы, пользуемся Flash версией, дцмаю и этой будем :)

PiTeR_FM 26 авг 2010 в 14:40

Все нормально проигрывается. Отлично… ещё один плеер на заметку.

Lockal 26 авг 2010 в 14:42

А можете реализовать поддержку buffered? Вот статья про это, с реализацией подобного все flash-плееры останутся плакать в сторонке.

Stepkin 26 авг 2010 в 14:45

Конечно. Пока buffered нормально работает только в Хроме. C FireFox 4.04b не все еще гладко.

Aux 27 авг 2010 в 12:43

Насчёт плакать вы конечно погорячились. Во-первых, флеш это умеет уже сто лет к ряду, а во-вторых, нормального стриминга в ближайшее время всё-равно не предвидится.

KoppeKTop 26 авг 2010 в 14:45

iPad (OS 3.2.2) — картинка не отрабатывает как ссылка на файл (нужно жать непосредственно ссылку video/mp4).
Safari 5.0.1, Mac OS X 10.6 — H.264 работает нормально.
Спасибо за такое! Реально отличная и нужная штука.

yegorchic 26 авг 2010 в 14:46

Кстати, зашел с Opera Mobile 10.1 beta, заметил опечатку «Браузер не поддреживает HTML5»

SKYnv 26 авг 2010 в 14:47

Opera 10.70
табличку исправте, opera держит ogg аудио, она была первой кто его реализовал. Все остальные примеры также работают кроме mp3 и h.264 как и должно быть.

Stepkin 26 авг 2010 в 14:51

Спасибо, с 10.5 оказывается играет.

R6MF49T2 26 авг 2010 в 14:50

Отличный плеер, очень понравился)

ClusterM 26 авг 2010 в 14:52

Теперь надо бы написать скриптик для mencoder'а, чтобы видео пережимать…

anycolor 26 авг 2010 в 16:55

лучше ffmpeg тогда

кстати, если погуглить, то можно найти массу уже реализованных плееров под html5, причем давненько.

unreal 26 авг 2010 в 14:53

Браво! Использую flash версию вашего плеера и давно ждал html5.

Vegasq 26 авг 2010 в 15:06

VP8 неожиданно. Фокс, Хром, Опера, ИЕ… Как зарелизятся все — можно пробовать. Спасибо.

mephisto 26 авг 2010 в 15:08

Chrome 5.0, ArchLinux i686
Звук заикается.

mephisto 26 авг 2010 в 15:16

Обновился до 7.0.503.1 dev — проблемы исчезли.

mephisto 26 авг 2010 в 15:17

Полоска буферизации работает только с VP8

out0f0rder 26 авг 2010 в 15:09

Полный экран ограничен размерами окна браузера.
Не видно ползунка буфферизации.
Chrome 5.0.375.99.
Это еще не реализовано или такова плата за HTML5?

Stepkin 26 авг 2010 в 15:14

Ползунок — вопрос интерфейса, не проблема. А вот с полным экраном ограничение технологии и скорее всего ничего с этим не сделаешь, F11 программно не дадут вызывать.

rednaxi 26 авг 2010 в 17:59

а по-моему полный экран получился отлично, я давно мечтал о таком — потому что если флеш развернуть на полный экран а потом перевести фокус в окно на соседнем мониторе то флеш выходит из полноэкранного режима, и приходится растягивать плеер на все окно браузера увеличивая масштаб, а тут как раз то — что хотелось — и видео остается играть на полном экране, и со вторым монитором можно комфортно работать

out0f0rder 27 авг 2010 в 06:13

Это у вас очень странная привычка — работать и смотреть видео одновременно :)

rammax 27 авг 2010 в 16:14

типовое использование как раз — пока семья смотрит с основного компа видео транслирующееся на большую панель, подойти к компу и что то там переключить или проверить на основном мониторе, тут же сбивается плеер с большого экрана.

GamePad64 26 авг 2010 в 15:17

Хорошо, что продвигаете html5. Молодцы! На нетбуке html5-плееры идут шустрее, чем флеш.

sectus 26 авг 2010 в 15:20

> Версия на HTML5 будет максимально совместима с текущими настройками версии Flash, которую мы развиваем уже несколько лет. А может и превосходить ее, кто знает.

Из второго предложения мне не понятно как версия HTML5 может превосходить максимальную совместимость с текущими настройками версии Flash.

Stepkin 26 авг 2010 в 15:30

Превосходить Flash-версию, очевидно.

sectus 26 авг 2010 в 16:34

Да, наверное. Ваша правда.

xn__p2a 26 авг 2010 в 15:24

> H.264 (MP4,AAC)
> Theora (OGG, Vorbis)
> VP8 (WebM, Vorbis)

Странно вы как-то форматы видеофайлов обозначаете.
Понятнее было бы, если бы сначала был указан контейнерный формат файла, а в скобках формат кодирования видеопотока и кодирования аудиопотока, например так:

MP4 (H.264/AVC, AAC)
OGG Media (Theora, Vorbis)
WebM (VP8, Vorbis)

Впрочем, в случае с WebM кодирование видео/аудио-потоков вообще незачем указывать, там это и так однозначно без вариантов (WebM = контейнер MKV + видеопоток VP8 + аудиопоток Vorbis).

Stepkin 26 авг 2010 в 15:41

Почему-то принято использовать понятия H.264 и OGG, хотя это разные вещи.

xn__p2a 26 авг 2010 в 15:45

Это где же такое принято?

Stepkin 26 авг 2010 в 15:57

В официальных новостях. Контейнер вторичен, если говорить о технологии.
browser support H.264 — About 4,170,000 results
browser support MP4 — About 291,000 results
Theora и OGG примерно поровну.

xn__p2a 26 авг 2010 в 16:07

И что, по-вашему, доказывает этот результата поиска?
Понятие поддержки в браузере есть и для формата медиаконтейнера (для его демультиплексирования), и для формата видеокомпрессии (для декодирования). Тот факт, что какая-то из этих фраз упоминается чаще, не говорит, что теперь нужно неправильно обозначать форматы.

Если в интернете «txt» встречается на несколько порядков чаще, чем «7-zip», то это вовсе не означает, что текстовые файлы, заархивированные в .7z, нужно теперь называть txt-форматом.

Stepkin 26 авг 2010 в 16:23

Вопрос был об общепринятости. MP4 встречается гораздо чаще H.264, но в данном контексте проигрывает на порядок. Flash, например, поддерживает почти десяток контейнеров с H.264 внутри, поэтому принято упоминать формат кодирования.

xn__p2a 26 авг 2010 в 16:37

Я по-прежнему не понимаю, почему вы продолжаете сравнивать MP4 и H.264, определяете кто из них выигрывает и т.д. Это понятия вообще разных категорий. Поддержка одного не отменяет поддержки другого. Так зачем пытаться одно понятие заменить другим?

Stepkin 26 авг 2010 в 16:50

Мы спорим о том, как правильно обозначается формат видео, а не о замене. Впрочем, останемся при своих мнениях.

DLag 26 авг 2010 в 19:16

При этом не важно как там указано.
Все все прекрасно поняли, а это главное. :)

non7top 26 авг 2010 в 15:32

big fuck bunny уже становится легендарным. на любом скриншоте лепят его. довольно-таки неплохая популярность.

xn__p2a 26 авг 2010 в 15:54

Кадр из опенсорсного мультика — это чтобы копирасты не докопались.
В демках всегда либо видео/аудио, выпущенное под свободными лицензиями, либо официальные трейлеры. А то ещё предъявят претензии в незаконном использовании фрагментов и образов.

CuamckuyKot 26 авг 2010 в 15:35

Спасибо. Скоро внедрим его в разрабатываемый движок.

NeonMercury 26 авг 2010 в 15:36

Chrome 6.0.495 & Windows 7 x64
Всё работает, но при переходе из полноэкранного в обычный видео ставится на паузу и ползунок сбрасывается на начало

Stepkin 26 авг 2010 в 15:42

Не получилось, в каком формате был файл?

NeonMercury 26 авг 2010 в 15:52

Упс, извиняюсь. Пошёл проверять, решил ещё раз затестить и всё нормально. Видимо какой-то локальный сбой.

NeonMercury 26 авг 2010 в 15:58

Забыл, видео mp4

CuamckuyKot 26 авг 2010 в 15:43

Было бы удобным объединить оба плеера, введя проверку на поддержку Flash и HTML5.
Так, например, на ноутбуке можно было бы смотреть видео во Flash с поддержкой аппаратного декодирования, а на iPad/iPhone/iPod в HTML5.

Stepkin 26 авг 2010 в 15:47

Плеер умеет отдавать Flash-версию. Достаточно указать ссылку на swf параметром nohtml5.

avchizh 26 авг 2010 в 15:44

заметил что у html 5 плеера контролы можно выделить, из за этого возникает моргание, если вы выключите выделение у контролов будет приятнее :)

anycolor 26 авг 2010 в 17:01

несмотря на то, что уже создали много плееров под хтмл5, могу только пожать вам руку, т.к. важное дело делаете.

я бы рекомендовал в плеере сделать как у ютуба — иконку, которая показывает, что сейчас работает режим html5, а если не показывается — значит работает флеш.

А вообще конечно еще хтмл5 сыроват и много проблем с видео еще есть…

pxx 26 авг 2010 в 17:09

Не работает перемотка вперед ни в видео, ни в аудио (Opera, FF @ Win 7).

Veterinar 26 авг 2010 в 17:18

Поверх всего экрана, так, чтобы за пределы браузера, жаль, не работает. Вероятно, это технически не реализуемо.

Vadaboom 26 авг 2010 в 17:38

Добавьте, пожалуйста, полноэкранный режим по двойному клику, иногда удобнее, чем в кнопку целиться…

Stepkin 26 авг 2010 в 18:51

Обязательно

denlem 26 авг 2010 в 17:47

Сыроват еще, но все равно респект.
Слышал, на вконтакте уже внедряют что то подобное.

artemeas 26 авг 2010 в 19:07

вроде как уже внедрили, если зайти с WebKit'ового браузера на телефоне (в моем случае Palm Pre), то по мимо ошибки об отсутствии Flash-Player'а, есть ссылочка — смотреть в HTML5 плэере

НЛО прилетело и опубликовало эту надпись здесь

artemeas 26 авг 2010 в 19:01

на 7-ом хроме и на 7-ой винде всё работает, кроме Аудио в WAV, но исходя из таблицы и пояснения на сайте хромы не поддерживают WAV…

баг наблюдается при переключении разных режимов, проявляется баг тем, что видео или аудио в другом формате начинает идти без звука, до тех пор, пока не переключишь на любой другой формат и обратно на тот, который не шел до этого…

п.с. в Аудио трэк в формате Vorbis — классный =) в мп3 и авто — зарядка какая-то )))

потом в убунте тестану на хромиуме

Nattfodd 26 авг 2010 в 19:25

Firefox 4.0 beta 4, Windows 7
video/ogg (theora, vorbis) — ролик ощутимо тормозит, особенно под конец. Компьютер далеко не дрова, интернет-канал тоже.