Делаем свой 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
Плеер планируется распространять бесплатно для некоммерческого использования, что не может не радовать.
Обидно, что плеер на момент разработки невозможно скачать и по плотнее пощупать, но зато можно лицезреть отличное демо.
На этом, собственно, все - жду от Вас комментарии с аналогами ;-).
У меня обычно на маке притормаживает видео в браузерах на весь экран, а это работает шикарно просто.
На youtube уже работает полноценный html5 плеер в поддерживаемых браузерах. Правда он там грабит mp4 файл и контролы свои использует в табличке, и всякий хитрый код добавляет, так что его embed’ить у себя нельзя.
у меня в закладках на будущее вот такой лежит
обратная совместимость и все такое… использовать пока не пробовал
Очень полезная ссылка, респект вам.
Не знаю, как у вас, однако у меня быстро выполнялся только сам javascript, а само видео тормозило неимоверно, хотя вроде как весь ролик скачался довольно быстро… И глючит сам плеер немного, пока ролик не прогрузился, бегунок текущей позиции весело шел вперед по непрогруженной части. Ждем релиза.
Мне кажется, пока его использовать бессмыслено. Вот когда новые ункции появятся, тогда да.
В первом случае(в примере автора), я не вижу смысла использовать данный плеер т.к. создается велосипед – полностью перепрограммировали на js весь интерфейс плеера(зачем?!?для красоты???стандартные оболочки подходят к множеству стилей)и создали месиво из кода, а плеер можно вставить в страницу написав 4-6 строк(пример Владимир sketchuper). Этот плеер использует доступные оболочки, но автор(2 плеера) imho допустил неразумность включив в код поддержку IE(IE6 это вообще!!!накой?).Лучший выбор это №2.
з.ы._____
Пиная ie вы работаете на браузер вместо того, чтобы браузер работал на вас. Goodluck.
Пока html5 и, в частности, тег video работает только на меньшинстве браузеров, да и то не полноценно, без костылей и обратной совместимости обойтись невозможно.
тег video поддерживают FF, Chrome, Safari.IE этот вообще ниче не поддерживает, Opera не поддерживает video, но другие теги и поля форм она поддерживает почти полностью, чем обгоняет остальные браузеры.
Я довольна. А если при добавлении нрвых функций плеер будет так и будет бесплатным,то вообще замечательно.
Показать, к сожалению, пока не можем, но будет красиво, кроссбраузерно, бесплатно, аудио-видео с деградацией во Flash — . SublimeVideo собирается это дело монетизировать, наверняка по схеме, которую использует FlowPlayer.
А стандартный вполне проигрывает, в FF по крайней мере. Правда не хватает пары кнопок, типа, остановки и перемоток. В остальном же вроде без тормозов.
Может и не прав буду, но слишком навороченные, прежде всего будут тормозить, а ведь прежде всего интерисует само видео, а не множество наворотов, часто наоборот мешающие.
Ура! он вышел :)
добавил статью в поиск о html5 (html5.flexum.ru)
Как-то пока глючно, видео не смогло полностью загрузится и прыгает туда-сюда по таймлайну на несколько секунд… плюс соседняя вкладка хрома с видео теперь категорически отказывается закрываться, но это все думаю можно списать на то, что хром у меня старенький, еще четвертый, portable edition
Подождем пока мозила с оперой будут поддерживать плеер
А где и как его установить то ???
The are essential for guys, which want to organize their own career. As a fact, it is comfortable to get a consolidation loan.
корректирующее белье
создать блог
Интересный плеер
What’s your email? I have some quetions :)
ua, где мо
lol
Typically, for people who want to get future financial loans, credit bureaus will have to give a report about the actual credit risk that a person poses for the mortgage company.
К
Handy knowledge, numerous thanks for the author. It is puzzling to me now, but in general, the usefulness and relevance is overwhelming.
An engrossing treatment is couturier observe. I imagine that you should compose writer on this substance, it strength not be a bias individual but mostly fill are not sufficiency to verbalise on such topics. To the succeeding. Cheers like your Делаем Ñвой html5 плеер | Чернев.ру.
An stimulating language is designer note. I believe that you should create much on this issue, it might not be a preconception master but mostly fill are not sufficiency to verbalise on specified topics. To the next. Cheers like your Делаем Ñвой html5 плеер | Чернев.ру.
An stimulating communicating is couturier interpret. I consider that you should correspond solon on this theme, it might not be a sacred refer but mostly people are not enough to speak on much topics. To the next. Cheers like your Делаем Ñвой html5 плеер | Чернев.ру.
Делаем Ñвой html5 плеер | Чернев.ру I was recommended this web site by my cousin. I’m not sure whether this post is written by him as no one else know such detailed about my trouble. You’re wonderful! Thanks! your article about Делаем Ñвой html5 плеер | Чернев.ру Best Regards Cassetta Nick
Делаем Ñвой html5 плеер | Чернев.ру I was recommended this website by my cousin. I am not sure whether this post is written by him as no one else know such detailed about my trouble. You’re amazing! Thanks! your article about Делаем Ñвой html5 плеер | Чернев.ру Best Regards Cindy Shane
Despite the fact it grants you the ability to zoom out and in, there are times when you don
Î
Seriously vital post admin good a person i bookmarked your web sheet see you in upcoming blog put up.
I was searching for this wonderful sharing admin considerably thanks and also have nice running a blog bye
We’re a group of volunteers and opening a new scheme in our community. Your web site provided us with valuable info to work on. You have done an impressive job and our whole community will be thankful to you.
I think this is among the most significant information for me. And i am glad reading your article. But wanna remark on few general things, The site style is wonderful, the articles is really nice : D. Good job, cheers
Thank you for the auspicious writeup. It in fact was a amusement account it. Look advanced to far added agreeable from you! By the way, how could we communicate?
Hello there, just became alert to your blog through Google, and found that it’s really informative. I am going to watch out for brussels. I’ll be grateful if you continue this in future. Numerous people will be benefited from your writing. Cheers!
Nice blog here! Also your site loads up very fast! What web host are you using? Can I get your affiliate link to your host? I wish my site loaded up as fast as yours lol
Amazing submit admin thank you. I identified what i used to be trying to find here. I’ll review entire of posts within this day time
I used to be curious about your up coming submit admin genuinely needed this web site super amazing web site