December 21, 2022

Скачать музыку без браузерных расширений

Немногие знают, что можно скачивать музыку и видео в браузере без использования сторонних плагинов, применяя встроенные инструменты средств разработчика браузеров Firefox и Chrome.

Давайте кратко разберем механизм работы потоковых медиафайлов. Пользователь отправляет запрос на сервер по заданным параметрам в адресной строке и получает в качестве ответа данные, которые представлены различными мультимедиа-форматами: видео, музыкой, картинками, каскадными стилями - файлами, отвечающими за расположение html-элементов на странице и внешний вид.

Как отследить медиа-запросы?

В инструментах разработчика любого браузера, который можно запустить комбинацией клавиш Ctrl + Shift + I, имеется специальная вкладка Сеть или Network в английской версии. Подробно о способах запуска средств разработчика я останавливаться не буду, я это уже описал в статье Adblock своими руками. Если инструмент закреплен не снизу, а сбоку, то выберете его из вложенного списка, как показано далее на рисунке.

Выберете пункт Network во вложенном меню Инструмента разработчика

Теперь давайте в качестве примера выберем ресурс скачивания бесплатной музыки под названием Free Music Archive. Допустим на странице поиска мы нашли подходящий нам звуковой альбом.

Сайт бесплатной музыки Free Music Archive

Обязательно после этого перезагрузите страницу клавишей F5, чтобы инструмент мог отслеживать полученные запросы сервера. Во встроенном плеере необходимо запустить наш аудиофайл с помощью кнопки Play. В этот момент необходимо отфильтровать запросы, выбрав пункт Медиа (Media), пример полученных медиаданных можно увидеть на изображении ниже.

Результат запроса музыкального файла после его запуска на плеере сайта

В списке элементов появился полученный трек, нажимаем по нему правой клавишей и выбираем пункт Открыть в новой вкладке или Open in the new tab.

Контекстное меню выбранного в списке mp3-файла

Чтобы скачать файл на компьютер, в новой вкладке в контекстном меню кликаем по пункту Сохранить как, выбираем местоположение скачиваемого файла. Теперь файл находится на нашем диске, и мы можем его прослушать в нашем медиаплеере.

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

Особенности работы с потоковыми видео

Давайте замахнемся на серьезный ресурс - видеохостинг Youtube и попытаемся скачать оттуда наше видео. Возникает первая проблема - в отфильтрованных данных Media нет мультимедиа-файла, которые должны быть в разрешении .mpeg, .mp4, .avi и другие видео с экзотическими кодеками.

Видео в сервисе YouTube не имеет полученных данных по фильтру Media

Хорошо, тогда отобразим список всех данных, полученных с серверов Google по нашем запросу видео, для этого выберем фильтр All. Потратив несколько минут путем метода научного "тыка" я нашел подходящие записи, где звуковая дорожка и видео хранятся по отдельности.

Вот они - аудио- и видеодорожки

Вот только есть вторая проблема - видео у нас представлено несколькими потоками, которые скачиваются по отдельности, то YouTube просто накладывает несколько загруженных дорожек полученных медиаданных в одно видео. Тогда нам придется просматривать всё видео, затем скачивать все эти видеофрагменты и собирать их в редакторе, что очень долго и бессмысленно. Видео можно скачать в любом онлайн-сервисе, просто указав ссылку на него.

Итоги

Надеюсь, что в данной статье мне удалось рассказать о принципах работы и загрузки медиафайлов браузером клиента, когда сервер отправляет нам по запросу эти данные и их можно скачать, не используя никаких сторонних расширений (плагинов).

Стоит помнить, что на такие файлы распространяется закон об авторских правах и интеллектуальной собственности. Если вы хотите прослушать музыку, являющейся чей-то авторской собственностью, то лучше воспользуйтесь сторонними сервисами-подписками. Но если видео и музыку можно скачивать и распространять бесплатно на основе свободной лицензии CC-BY, то можете использовать данные инструменты без зазрения совести.

Ссылка на канал в Дзен: https://dzen.ru/id/615d5a47470e444b4fc113c7