Установка плеера Shaka Player от компании Google для воспроизведения MPEG-DASH контента
На сегодняшний день существует более десяти видеоплееров, которые умеют воспроизводить MPEG-DASH контент. Сегодня я расскажу о том, как можно быстро скомпилировать и установить один из популярных плееров, а именно Shaka Player.
Воспроизведение MPEG-DASH
Если вы еще не знакомы с технологией MPEG-DASH, то я рекомендую Вам сначала пройти и почитать о ней по этой ссылке.
Далее, я привожу основной список плееров, которые способны воспроизводить MPEG-DASH контент, в их числе также присутствует свободно распространяемый видеоплеер Shaka player:
Shaka Player
Теперь приступим к компилированию и настройке Shaka player на Linux Ubuntu 16.04. Для компилирования и не только нам понадобятся следующие программы, которые я предлагаю вам установить.
Копируем исходные коды плеера:
git clone https://github.com/google/shaka-player.git
cd shaka-player
python build/all.py
После чего вы найдете скомпилированный плеер в директории dist/shaka-player.compiled.js
shaka-player.compiled.js — это и есть плеер!
Далее я установил веб-сервер apache:
sudo apt-get install apache2
в директории сервера /var/www/html/ создал папку shaka-player и скопировал туда файл shaka-player.compiled.js
далее я создал два файла и положил их в директорию с плеером. Данные файлы вы можете скачать и посмотреть:
Если открыть index.html, то должно начать воспроизводиться видео. Базовая настройка закончена. Shaka player можно успешно использовать совместно с популярными медиа-серверами, например такими как Wowza Streaming Engine или Nimble Streamer.
Полезные ссылки:
Всего хорошего!
Если у вас появились какие-то вопросы по медиа-серверам, пишите нам. Если вам нужно что-то настроить или получить консультацию по медиа-серверам и системам видео-вещания, также можете обращаться ко мне и нашей команде. Разную полезную информацию на данную тему вы можете найти в нашем Справочнике по видеотрансляциям.
MPEG DASH: стримим с DataArt
Сети доставки
Объем мультимедийного контента, доставляемого конечным пользователям, растет. Владение и управление соответствующей инфраструктурой доставки — неэффективное вложение средств для большинства компаний, особенно если IT — не их целевой бизнес. В этих случаях, как правило, используются сторонние поставщики решений — так называемые сети доставки контента (Content Delivery Networks). Сети доставки медиаконтента исторически ориентировались на статические файлы: изображения, анимацию, документы — и обладали собственной инфраструктурой доставки на основе протокола HTTP.
Естественным шагом для этих сетей была адаптация технологий доставки видео на основе того же транспортного протокола — HLS (Apple), HDS (Adobe) и SmoothStreaming (Microsoft). Эти технологии — предшественники MPEG-DASH — были на 99 % идентичны по принципиальному устройству, но сильно различались в способах представления данных и метаданных.
Схема доставки медиаконтента по HTTP включает два компонента: описание последовательности URI составных частей медиаресурса и инфраструктуру, которая поставляет данные в соответствии с URI, указанными в описании. У протоколов HLS, HDS и SmoothStreaming кардинально различаются особенности описания, хотя они поддерживают схожие медиаформаты.
Единая технология
Разработчикам и компаниям, производящим контент, необходимо поддерживать как минимум два формата, чтобы охватить 100 % интернет-аудитории. Например, в продукции Apple используется HLS, а HDS можно использовать для флэш-плееров на более старых браузерах, не поддерживающих HTML5.
Хорошая новость — большинство современных телевизоров и телеприставок поддерживают или планируют поддерживать протокол MPEG-DASH. Однако родной поддержки MPEG-DASH от Apple в ближайшем будущем можно не ждать (в отличие от устройств, использующих ОСAndroid).
Open source-плеер MPEG-DASH
Как вы могли прочитать здесь, DataArt недавно выпустил видеоплеер, поддерживающий протокол MPEG-DASH.
С момента ратификации в стандарте ISO, т. е. три года, MPEG-DASH считается, в определенной степени, технологическим прорывом, т. к. удобен и создателям контента, и рекламодателям и, что самое важное, потребителям. Сейчас эту технологию используют сервисы UStream, LiveStream, YouTube и др. Не стихают и слухи, что главный противник DASH, Apple, собирается пересмотреть политику по отношению к нему уже к осени 2015 г.
DataArt разработал собственное приложение для просмотра видеостриминга на мобильных устройствах с использованием технологии MPEG-DASH для iOS, схожее с такими их продуктами, как HLS.
В духе идей открытого кода предлагаю заглянуть за кулисы нашего процесса разработки. Разрабатывая видеопроигрыватель, мы столкнулись с несколькими занятными препятствиями.
Как говорится в пресс-релизе, у MPEG-DASH много плюсов: общее шифрование, эффективная вставка рекламы и поддержка нескольких CDN и кэшей с общим главенствующим описанием. Мы рады внести свою лепту в эту оживленную экосистему.
github.com/MPEGDASHPlayer
Авторы:
Андрей Сорокин, Senior Software Architect.
Роман Егорышев, Vice President, Media and Entertainment.
Встраивание адаптивного потокового видео MPEG-DASH в приложение HTML5 с помощью DASH.js
Обзор
MPEG-DASH — это стандарт ISO для адаптивной потоковой передачи видеосодержимого, обеспечивающий значительные преимущества для разработчиков, которым требуется высококачественный адаптивный потоковый вывод видео. С MPEG-DASH поток видео автоматически сжимается до более низкой четкости, если сеть перегружена. Это снижает вероятность того, что зритель увидит видео «на паузе», пока проигрыватель загружает следующие несколько секунд для воспроизведения (то есть снижает вероятность буферизации). Когда нагрузка на сеть снизится, видеопроигрыватель вернется к потоку более высокого качества. Такая возможность адаптировать требуемую пропускную способность также способствует ускорению запуска видео. Это означает, что первые несколько секунд можно воспроизвести в виде быстро загружаемого сегмента низкого качества, а затем перейти к более высокому качеству, как только достаточный объем содержимого будет загружен в буфер.
Dash.js — это проигрыватель видео MPEG-DASH с открытым кодом, написанный на языке JavaScript. Цель этого проект — предоставить надежный, межплатформенный проигрыватель, который можно свободно встраивать в приложения, требующие воспроизведения видео. Он обеспечивает воспроизведение MPEG-DASH в любом браузере, поддерживающем расширения источников мультимедиа W3C (Media Source Extensions, MSE). На сегодняшний день это Chrome, Microsoft Edge и IE11 (разработчики других браузеров заявили о намерении добавить поддержку MSE). Дополнительные сведения о DASH.js см. в репозитории dash.js на GitHub.
Создание браузерного потокового видеопроигрывателя
Чтобы создать простую веб-страницу, на которой будет отображаться видеопроигрыватель с привычными элементами управления для воспроизведения, паузы, перемотки и т. д., выполните следующие действия:
Инициализацию проигрывателя можно выполнить всего лишь несколькими строками кода JavaScript. С помощью dash.js встраивать видео MPEG-DASH в браузерные приложения действительно просто.
Создание страницы HTML
Первым шагом является создание стандартной страницы HTML, содержащей элемент video, и сохранение ее в виде файла с именем basicPlayer.html, как показано в примере ниже.
Добавление проигрывателя DASH.js
Чтобы добавить в приложение эталонную реализацию dash.js, нужно получить файл dash.all.js из последней версии проекта dash.js. Его необходимо сохранить в папку JavaScript вашего приложения. Этот файл создан для удобства и извлекает весь необходимый код dash.js в один файл. В репозитории dash.js содержатся отдельные файлы, тестовый код и многое другое, но если необходимо только использовать dash.js, то файл dash.all.js — то, что вам потребуется.
Чтобы добавить проигрыватель dash.js в приложения, добавьте тег script в раздел head файла basicPlayer.html:
Затем создайте функцию для инициализации проигрывателя при загрузке страницы. После строки, в которой загружается dash.all.js, добавьте следующий скрипт:
Эта функция сначала создает DashContext. Он используется для настройки приложения для конкретной среды выполнения. С технической точки зрения он определяет классы, которые следует использовать платформой внедрения зависимостей при построении приложения. В большинстве случаев используется Dash.di.DashContext.
Далее создайте экземпляр основного класса платформы dash.js, MediaPlayer. Этот класс содержит основные необходимые методы, такие как воспроизведение и пауза, управляет связью с элементом video, а также управляет интерпретацией для файла описания представления носителя (MPD), в котором описано воспроизводимое видео.
Функция startup() класса MediaPlayer вызывается для обеспечения готовности проигрывателя к воспроизведению видео. Кроме прочего, эта функция гарантирует загрузку всех необходимых классов (как определено контекстом). Когда проигрыватель готов, можно подключить к нему элемент video с помощью функции attachView(). Эта функция запуска позволяет MediaPlayer внедрить видеопоток в элемент, а также управлять воспроизведением по мере необходимости.
Передайте URL-адрес файла MPD в MediaPlayer, чтобы предоставить ему данные о видео, которое должно быть воспроизведено. Созданная функция setupVideo() должна выполняться после полной загрузки страницы. Сделайте это с помощью события onload в элементе body. Измените элемент на:
Наконец, задайте размер элемента video с помощью CSS. В среде адаптивной потоковой передачи это особенно важно, так как размер воспроизводимого видео может меняться по мере адаптации воспроизведения к изменению сетевых условий. В этой простой демонстрации можно принудительно задать для элемента video размер 80 % от доступного окна браузера, добавив следующий код CSS в секцию head страницы:
Воспроизведение видео
Чтобы воспроизвести видео, откройте в браузере файл basicPlayback.html и нажмите кнопку воспроизведения в видеопроигрывателе, который отобразится.
Схемы обучения работе со службами мультимедиа
Службы мультимедиа версии 3 (последняя версия)
Ознакомьтесь с последней версией Служб мультимедиа Azure.
Службы мультимедиа версии 2 (прежняя версия)
Отзывы
На форуме User Voice можно оставить свои отзывы о работе служб мультимедиа Azure или предложения по их улучшению. Вы также можете перейти непосредственно к одной из следующих категорий:
Открытие DASH файлов
Расширение .dash главным образом ассоциируется с форматом потоковой передачи высококачественного цифрового видео MPEG-DASH (Dynamically Adaptive Streaming over HTTP – Динамически адаптивная потоковая трансляция через HTTP). Являясь с 2011 г. международным стандартом, MPEG-DASH позволяет осуществлять цифровое потоковое вещание с обычных HTTP-серверов одновременно в нескольких градациях качества. Клиенты (проигрыватели) MPEG-DASH могут адаптироваться к конкретной сетевой среде путем корректировки уровня качества с целью обеспечения плавности воспроизведения.
Файл .dash представляет собой временный файл, создаваемый клиентским приложением во время воспроизведения видеопотока MPEG-DASH. Подобные DASH-файлы содержат в себе файлы-контейнеры (напр., MP4, MPG или другие) — последовательно воспроизводимые части цельного видеопотока.
Содержимое в формате MPEG-DASH транслируется несколькими крупными сайтами мультимедийного хостинга (YouTube и др.), а воспроизведение потоков MPEG-DASH поддерживается мультимедийными проигрывателями и соответствующими плагинами для веб-браузеров.
В ином значении расширение .dash также используется применительно к Dashlane для обозначения типа/формата файлов «Безопасный архив Dashlane» (Dashlane Secure Archive, DASH). Dashlane представляет собой коммерческую программу от Dashlane, Inc. по управлению регистрационными данными (паролями) для нескольких основных платформ. Также доступна ограниченная бесплатная версия.
Dashlane используется для управления паролями и прочими регистрационными данными, а также обеспечения надежного их хранения. Файлы DASH используются для экспорта таких личных данных в виде единого файла-архива со стойким шифрованием содержимого (AES-256). Таким образом, файл .dash — это зашифрованный двоичный файл, который можно открыть только из Dashlane при условии, если известен правильный пароль.
