Немногие знают, что можно скачивать музыку и видео в браузере без использования сторонних плагинов, применяя встроенные инструменты средств разработчика браузеров Firefox и Chrome.
Давайте кратко разберем механизм работы потоковых медиа-файлов. Пользователь отправляет запрос на сервер по заданным параметрам в адресной строке и получает в качестве ответа данные, которые представлены различными мультимедиа-форматами: видео, музыку, картинки, каскадные стили - файл, отвечающий за расположение html-элементов на странице и внешний вид.
Как отследить медиа-запросы?
В инструментах разработчика любого браузера, который можно запустить комбинацией клавиш Ctrl + Shift + I, имеется специальная вкладка "Сеть" или "Network" в английской версии. Подробно о способах запуска средств разработчика я останавливаться не буду, я это уже описал в статье Adblock своими руками. Если инструмент закреплен не снизу, а сбоку, то выберете его из вложенного списка, как показано далее на рисунке.
Теперь давайте в качестве примера выберем ресурс скачивания бесплатной музыки под названием Free Music Archive. Допустим на странице поиска мы нашли подходящий нам звуковой альбом.
Обязательно после этого перезагрузите страницу клавишей F5, чтобы инструмент мог отслеживать полученные запросы сервера. Во встроенном плеере необходимо запустить наш аудиофайл с помощью кнопки Play. В этот момент необходимо отфильтровать запросы, выбрав пункт Медиа (Media), пример полученных медиаданных можно увидеть на изображении ниже.
В списке элементов появился полученный трек, нажимаем по нему правой клавишей и выбираем пункт"Открыть в новой вкладке" или "Open in the new tab".
Чтобы скачать файл на компьютер, в новой вкладке в контекстном меню кликаем по пункту "Сохранить как", выбираем местоположение скачиваемого файла. Теперь файл находится на нашем диске, и мы можем его прослушать в нашей программе-медиаплеере.
Данные действия можно в точности повторять в любых других сайтах, так же можно скачивать треки из различных музыкальных сервисов.
Особенности работы с потоковыми видео
Давайте замахнемся на серьезный ресурс - видеохостинг Youtube и попытаемся скачать оттуда наше видео. Возникает первая проблема - в отфильтрованных данных Media нет мультимедиа-файла, которые должны быть в разрешении .mpeg, .mp4, .avi и другие видео с экзотическими кодеками.
Хорошо, тогда отобразим список всех данных, полученных с серверов Google по нашем запросу видео, для этого выберем фильтр All. Потратив несколько минут путем метода научного "тыка" я нашел подходящие записи, где звуковая дорожка и видео хранятся по отдельности.
Вот только есть вторая проблема - видео у нас представлено несколькими потоками, которые скачиваются по отдельности, то Youtube просто накладывает несколько загруженных дорожек полученных медиаданных в одно видео. Тогда нам придется просматривать всё видео, затем скачивать все эти видеофрагменты и собирать их в редакторе, что очень долго и бессмысленно. Видео можно скачать в любом онлайн-сервисе, просто указав ссылку на него.
Итоги
Надеюсь, что в данной статье мне удалось рассказать о принципах работы и загрузки медиафайлов браузером клиента, когда сервер отправляет нам по запросу эти данные и их можно скачать, не используя никаких сторонних расширений (плагинов).
Данная статья сделана в образовательных целях и не призывает никого так скачивать различную музыку и видео, не забывайте, что на такие файлы распространяется закон об авторских правах и интеллектуальной собственности. Если вы хотите прослушать музыку, являющейся чей-то авторской собственностью, то лучше воспользуйтесь сторонними сервисами-подписками, например той же Яндекс.Музыкой. Но если видео и музыку можно скачивать и распространять бесплатно на основе свободной лицензии, то пользуйтесь данными инструментами браузерами совершенно спокойно.
Спасибо тем, кто дочитал данную статью, если можете, то напишите свое мнение в комментариях и подписывайтесь на данный канал, где я рассказываю много интересного про компьютерные и web-технологии.