HTML5 видео-проигрыватели

Одно из самых интересных нововведений в HTML5 — возможность обрабатывать и воспроизводить аудио и видео-записи. Достигается это за счет новых тегов <audio> и <video>, которые позволяют реализовать вставку медиа-контента с минимальным количеством кода. До этого основным инструментом для воспроизведения был Flash, который, скажем прямо, никогда не был идеальным, особенно на устройствах фирмы Apple. Введение новых тегов явно нацелено на устранение огрехов флеша.

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

LeanBack — использует JavaScript и HTML5, чтобы сделать интерфейс видео-плеера удобным для пользователя и добавить возможность управления через сочетания клавиш. Совместим со всеми современными браузерами, а именно Chrome 7+, Firefox 3.6+, Opera 10.6+, Safari 5.0.2+ и Explorer 9. Работает на большинстве мобильных платформ: Android, iOS, BlackBerry, HP webOS, Mozilla Mobile и Windows Phones. Поддерживает следующие аудио и видео кодеки: H.264, Ogg, WebM и Mp3. За счет возможности редактирования стилей плеер легок в настройке и интеграции в дизайн.

Проигрыватель LeanBack

Проигрыватель LeanBack

MediaElement — это аудио и видео проигрыватель, построенный на чистом HTML и CSS. Для старых версий браузеров, не поддерживающих HTML5, проигрыватель будет работать на Flash или, при необходимости, на Java Silverlight. В комплекте идут плагины для популярных движков: WordPress, Drupal, Joomla и другие. Поддерживает все современные браузеры и кодеки. Мануалы по настройке внешнего вида, перечень опций и другие функции плеера можно найти на официальной странице.

Проигрыватель mediaelement

Проигрыватель mediaelement

VideoJS — видео проигрыватель на HTML5 со встроенным JavaScript для добавления дополнительных функций. Среди этих функций особенно интересные, на наш взгляд, это полноэкранный режим и возможность включить субтитры при проигрывании ролика. Как и у MediaElement, если поддержки HTML5 нет, проигрыватель будет работать на Flash. Корректно отображается во всех браузерах и мобильных устройствах (iOS, Android, Windows Phone, Blackberry и другие).

Проигрыватель VideoJS

Проигрыватель VideoJS

SublimeVideo — самый функциональный проигрыватель из представленных в обзоре. Поддержка всех видов браузеров и устройств. Единый интерфейс плеера как и для HTML5, так и для Flash. Полноэкранный режим и новости, возможность переключения между SD и HD качеством, поддержка списков воспроизведения, расширенная статистика и режим просмотра в реальном времени. Интеграция с популярными движками, собственный API и еще множество других полезных и важных функции, полный список которых вы найдете на официальном сайте.

Проигрыватель SublimeVideo

Проигрыватель SublimeVideo

Dark Onyx — полноценная платформа для работы с видео-роликами. По функционалу близка, а в некоторых моментах даже обгоняет, SublimeVideo. Из функционала выделим возможности переключения качества ролика (как это сделано у YouTube), интеграциию с движками и социальными сетями, поддержку плейлистов, гибкую настройку внешнего вида, добавление водяного знака, показ рекламы (pre-roll, post-roll или pop-up) при просмотре ролика и удобную панель управления. Полный список функций расположен на официальном сайте.

Проигрыватель Dark Onyx

Проигрыватель Dark Onyx

 

1 star2 star3 star4 star5 star (2 голос, среднее: 4,50 из 5)
Загрузка...

FAQ
Комментировать!

Вам понравится

Google запустил новый платёжный сервис Pay with Google... Google объявил о запуске нового платёжного сервиса Pay with Google, который призван облегчить онлайн-покупки пользователям Android.Сервис работает следующим образом: каждый...
По статистике Chrome, доля защищенного трафика на платформе Android за год вырос... Компания Google опубликовала отчет Transparency Report, из которого следует, что интернет уверенно переходит на использование защищенного протокола HTTPS.Примерно год назад бра...
Представлен Google Chrome 62 Компания Google представила релиз web-браузера Chrome 62. Одновременно доступен стабильный выпуск свободного проекта Chromium, выступающего основой Chrome. Браузер Chrome отличаетс...
5 горячих расширений Google Chrome Браузер – инструмент, который используется ежедневно, и Google Chrome предоставляет ряд расширений, необходимых для наиболее комфортной работы.SimilarWeb Это расширение, котор...
Проект Google Вдали от столиц собрал более 2 000 заявок со всей России... Завершился первый этап всероссийского проекта «Вдали от столиц», который Google проводит при поддержке Агентства стратегических инициатив. Менее чем за месяц организаторы собрали б...
Google инвестировал в Neverware, которая ставит Chrome OS на устаревшие компьюте... Один из лучших аспектов Chrome OS - это легкость операционной системы. Это то, что позволяет ей работать невероятно хорошо на недорогом оборудовании, которое составляет большую час...
  • Вова

    как установить flash player на chromium os

    • Никак. Да и в целом Флеш уже мертвая технология, которой осталось совсем ничего.

  • Veronika

    Моё почтение! Отличная статья — HTML5 видео-проигрыватели приятно Вас читать. Спасибо.