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
Комментировать!

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

В четырёх популярных дополнениях к Chrome выявлен вредоносный код... Исследователи из компании ICEBRG выявили четыре дополнения к Google Chrome, в которых присутствовали вредоносные вставки, позволяющие выполнять в браузере произвольный код, загружа...
Google опубликовала список уязвимых хромбуков Google опубликовала список хромбуков с уязвимостью Meltdown. Напомним, в начале года разработчики Google Project Zero сообщили о критической уязвимости центральных процессоров Inte...
Ассистент Google наконец заговорит по-русски Запущенный в 2016 году виртуальный помощник Google Assistant, пришедший на смену Google Now, в скором времени станет доступен российским пользователям. До этого сервис работал толь...
Google отказывается от Android Pay Совершенно неожиданно компания Google объявила о прекращении существования фирменного платёжного сервиса под названием Android Pay, который был запущен в конце 2015 года. Как владе...
CES 2018: HP Chromebox G2 — мини компьютер для образовательной сферы... Компания HP представила устройство Chromebox G2 — настольный компьютер небольшого форм-фактора, функционирующий под управлением операционной системы Chrome OS. Новинка рассчит...
CES 2018: ноутбук Acer Chromebook 11 работает без подзарядки до 10 часов... Компания Acer приурочила к выставке CES 2018 анонс новых портативных компьютеров Chromebook 11, функционирующих под управлением операционной системы Chrome OS. Ноутбуки имею...
  • Вова

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

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

  • Veronika

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