Как скачать видео с URL адресом BLOB?

После введения HTML5, стало возможным выводить видеофайл при помощи тега <video>, а ссылки  на источник, все чаще стал использоваться в виде blob ссылки. Что доставляет много неудобств при попытке сохранить понравившееся видео.

В src стоит blob ссылка, через которую видео нам и показывается, но так как ссылка не прямая на файл, то вставив ее в браузер, то вам будет выдана ошибка ERR_FILE_NOT_FOUND  и надпись  “Не удалось получить доступ к файлу. Возможно, он был перемещен, изменен или удален”.  То есть скачать файл к себе на компьютер через нее невозможно.

HTML код такого  тега video при этом выглядит  так

<video id="583z50wzdud_video" class="b-video-html5__video b-video-controls__video" style="width: 100%; height: 100%;" preload="auto" tabindex="1" src="blob:https://my.mail.ru/a9dd168c-aaab-4ccd-8710-5054c9143497"></video>

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

Начнем с того, что зайдем в “Инструмент разработчика” или  если у вас браузер на английском, то называется  “DevTools” . Вызывается все комбинацией клавиш CTRL + SHIFT + I, либо нажав кнопку F12. Затем переходим во вкладку Network и обновляем страничку, нажав кнопку F5. После обновления страницы в открытом инструменте разработчика будут появляться ссылки, которые используются при загрузке страницы. Их, возможно, будет много и поэтому можно воспользоваться вкладками отфильтровав по типу, станет ссылок  гораздо меньше.  Переставив с вкладки “All” на вкладку “Fetch/XHR” количество ссылок сократилось с 630 до 101. Когда меньше ненужных ссылок, проще находить то, что нам нужно и в итоге нужно будет меньше напрягать глаза, выискивая то, что нам нужно.

Зная что искать, можно было бы отфильтровать поиском, введя в него искомую часть ссылки. Но так как мы тут впервые ищем вручную)


Просматривая отфильтрованные ссылки, больше всех заинтересовала ссылка вида

https://my.mail.ru/+/video/meta/-15844383462992825?xemail=vash_email@mail.ru&ajax_call=1&func_name=&mna=1437968562&mnb=116706344&ext=0&_=1643122866152

 Тут две как бы одинаковые ссылки, одна ссылка на наше видео, а вторая на следующее по очереди видео. Вероятнее всего, то видео что нам нужно будет первым, хотя тут не составит большого труда открыть все ссылки и выбрать ту, что нужна.  Для открытия ссылки, нажимаем на ней правой кнопкой и выбираем  “Open in new tab”

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

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

Закладка Постоянная ссылка.

Добавить комментарий

Ваш адрес email не будет опубликован.

три + тринадцать =