четверг, 4 февраля 2010 г.

Делаем свой html5 плеер

Всем привет, сегодня я хотел бы поговорить о html5 плеерах.


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

В ближайшее время, конечно, можно и не думать о полной замене flash-плееров на оные, но как дополнительный вариант сделать стоит(как уже поступили известные видео хостинги).

На данный момент мне на глаза попался только единственный коробочный вариант html5-плеера, его название «Sublime Video».

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

И так, начнем обзор выше названного плеера.

Выглядит «Sublime Video» вот так:



Его поддерживают, как уверяют разработчики, совсем малое количество браузеров.

Safari (v4.0.4+)
Google Chrome (v4.0+)
Internet Explorer с Chrome Frame :)

Зато он имеет отличный интерфейс и не менее отличный полноэкранный режим.

Плеер сейчас находится еще в стадии разработки и в ближайшее (уж надеюсь) время разработчики планируют добавить следующие функции:

  • Поддержку Firefox
  • Изменение громкости
  • И самое главное - поддержку IE в виде замены html5 плеера на flash

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

Обидно, что плеер на момент разработки невозможно скачать и по плотнее пощупать, но зато можно лицезреть отличное демо.

На этом, собственно, все - жду от Вас комментарии с аналогами ;-).

Автор: Чернев.

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

kr1z
4 февраля 2010 at 16:07
У меня обычно на маке притормаживает видео в браузерах на весь экран, а это работает шикарно просто.

Артём Курапов
4 февраля 2010 at 16:49
На youtube уже работает полноценный html5 плеер в поддерживаемых браузерах. Правда он там грабит mp4 файл и контролы свои использует в табличке, и всякий хитрый код добавляет, так что его embedить у себя нельзя.

Владимир sketchuper
4 февраля 2010 at 18:57
у меня в закладках на будущее вот такой лежит
ссылка устарела
обратная совместимость и все такое использовать пока не пробовал

Я собственной персоной
5 февраля 2010 at 1:25
Очень полезная ссылка, респект вам.

Разработчик
4 февраля 2010 at 23:45
Не знаю, как у вас, однако у меня быстро выполнялся только сам javascript, а само видео тормозило неимоверно, хотя вроде как весь ролик скачался довольно быстро И глючит сам плеер немного, пока ролик не прогрузился, бегунок текущей позиции весело шел вперед по непрогруженной части. Ждем релиза.

Antonin
10 февраля 2010 at 5:07
Мне кажется, пока его использовать бессмыслено. Вот когда новые ункции появятся, тогда да.

html5 developer
10 февраля 2010 at 7:53
В первом случае(в примере автора), я не вижу смысла использовать данный плеер т.к. создается велосипед полностью перепрограммировали на js весь интерфейс плеера(зачем?!?для красоты???стандартные оболочки подходят к множеству стилей)и создали месиво из кода, а плеер можно вставить в страницу написав 4-6 строк(пример Владимир sketchuper). Этот плеер использует доступные оболочки, но автор(2 плеера) imho допустил неразумность включив в код поддержку IE(IE6 это вообще!!!накой?).Лучший выбор это №2.
з.ы._____
Пиная ie вы работаете на браузер вместо того, чтобы браузер работал на вас. Goodluck.

Я собственной персоной
10 февраля 2010 at 10:12
Пока html5 и, в частности, тег video работает только на меньшинстве браузеров, да и то не полноценно, без костылей и обратной совместимости обойтись невозможно.

html5 developer
11 февраля 2010 at 0:22
тег video поддерживают FF, Chrome, Safari.IE этот вообще ниче не поддерживает, Opera не поддерживает video, но другие теги и поля форм она поддерживает почти полностью, чем обгоняет остальные браузеры.

Анна Светикова @ Израиль
10 февраля 2010 at 12:04
Я довольна. А если при добавлении нрвых функций плеер будет так и будет бесплатным,то вообще замечательно.

pepelsbey
11 февраля 2010 at 3:14
Показать, к сожалению, пока не можем, но будет красиво, кроссбраузерно, бесплатно, аудио-видео с деградацией во Flash. SublimeVideo собирается это дело монетизировать, наверняка по схеме, которую использует FlowPlayer.

Avataram
21 февраля 2010 at 16:18
А стандартный вполне проигрывает, в FF по крайней мере. Правда не хватает пары кнопок, типа, остановки и перемоток. В остальном же вроде без тормозов.
Может и не прав буду, но слишком навороченные, прежде всего будут тормозить, а ведь прежде всего интерисует само видео, а не множество наворотов, часто наоборот мешающие.

sh
15 марта 2010 at 1:19
Ура! он вышел :)




Другие посты по этой теме:



0 коммент.:

Отправить комментарий

Ваш комментарий появится в блоге после проверки администратором