Media Source Extensions (далее MSE) – это программный интерфейс, который позволяет размещать и воспроизводить мультимедийные файлы (аудио/видео) в сети через HTML5 тэги audio и video соответственно. Эта технология расширяет функционал языка веб-разработки JavaScript, а именно его методов для генерирования медиапотоков и их воспроизведения. Технология поддерживается почти во всех современных браузерах, однако еще не так активно используется, ввиду так и не исчезнувшего до конца старого стандарта Flash. С точки зрения пользователя, HTML5, по сравнению с Flash, имеет такие преимущества, как кроссбраузерность и кроссплатформенность, которые делают отображение сайта универсальным на большинстве устройств. Хоть более новый стандарт HTML5 уже и охватывает большую часть сайтов, содержащих потоковое аудио/видео, полный отказ от Flash специалисты предрекают только на конец 2017 года. Поэтому к этому времени HTML5 вместе с MSE наберет большую популярность среди веб-разработчиков.

Благодаря этой технологии появилась возможность для адаптивного вещания потока в браузере, которая имелась когда-то в устаревшем Flash. Адаптивное вещание потока – воспроизведение потока видео или аудио «по частям», то есть поток «нарезается» на куски, которые и воспроизводятся по мере необходимости в плеере браузера. Но есть один минус такой технологии: при динамическом генерировании потока стало проблематично загружать видео из плеера локально.

Стоит отметить, что технология MSE больше подходит только для воспроизведения видеопотока из-за его возможной высокой задержки. Для возможности воспроизводить поток с минимальными задержками, то есть передачи потока в реальном времени, есть другие технологии, которые не освещаются в данной статье. То есть, если необходимо передать видео с камеры видеонаблюдения или откуда угодно, где не требуется низкая задержка передачи, MSE – разумный выбор.

Расширение MSE добавляет к видео HTML5 возможности буферных источников, то есть раньше пользователь должен был скачивать полный файл видео перед его воспроизведением или использовать надстройки. С MSE же надстройки не требуются. Объект MediaSource вставляется вместо URL-адреса файла, как свойство атрибута «src» объекта видео. Буферы источника добавляются к этому объекту и заполняются данными мультимедиа из сегментированных файлов, которые могут состоять либо из нескольких небольших файлов, либо из одного большого файла с индексацией разделов, которые последовательно скачиваются и воспроизводятся.

По итогу, можно сделать вывод, что окончательный уход стандарта Flash и появление стандарта HTML5 с такими расширениями как MSE, открывает новые возможности для разработчиков веб-сайтов и веб-приложений при решении сложных задач, требующих гибкого подхода.