Добрый день! После долгого перерыва и отдыха (больше трех месяце) я вернулся к написанию статей в свой блог. Сегодня мы будем говорить о настройке HTML5 плеера Clappr для воспроизведения MPEG-DASH контента.
Clappr
Раньше я уже писал о разных видеоплеерах, которые умеют воспроизводить HLS и MPEG-DASH потоки. Например, вот эта статья — Видеоплееры. Использование API для получения параметров качества воспроизведения. Сегодня же я предлагаю настроить свободно распространяемый видеоплеер Clappr, который начинает набирать популярность и не может остаться без нашего внимания.
Для воспроизведения MPEG-DASH контента этот плеер использует библиотеку видеоплеера Shaka Plaler, разработкой которого занимается компания Google. Для того чтобы использовать плеер нам нужно его скачать и установить.
На этой странице скачиваем файл dash-shaka-playback.js, который как раз и будет отвечать за воспроизведения MPEG-DASH потоков. Далее, качаем сам плеер (clappr.min.js), последнюю версию по этой ссылке.
Для встраивания плеера в нашу веб-страницу копируем код, который представлен по ссылке для скачивания dash-shaka-playback.js файла, изменяем пути для файлов dash-shaka-playback.js и clappr.min.js. Если пути не изменять, то будет использоваться последняя версия плеера из CDN.
Теперь размещаем все все три файла (dash-shaka-playback.js, index.php и clappr.min.js) на своем веб-сервере и открываем страницу в веб браузере. Должно начаться воспроизведение видео.
Мою версию плеера вы можете открыть и посмотреть на вот этой тестовой странице. Базовая настройка закончена. Clappr player можно успешно использовать совместно с популярными медиа-серверами, например такими как Wowza Streaming Engine или Nimble Streamer.
Всего хорошего!
Если у вас появились какие-то вопросы по медиа-серверам, пишите нам. Если вам нужно что-то настроить или получить консультацию по медиа-серверам и системам видео-вещания, также можете обращаться ко мне и нашей команде. Разную полезную информацию на данную тему вы можете найти в нашем Справочнике по видеотрансляциям.
Приглашаю всех подписаться на новости моей публичной страницы ВКонтакте, ее адрес http://vk.com/itmultimedia. Буду рад видеть Вас в своих подписчиках.
Комментарии: