Можно ли видео на сайте без сохранение на диск показывать в меньшем разрешении?

Question

[weranda]

Приветствую.

На хостинге есть видео. Размер видео 100 Мб. Формат видео .mp4. Разрешение видео 1080. Видео запускается через тег video. Перед показом видео оно сначала подтягивает 10–20% своего объема и только потом запускается.

На смартфонах такое разрешение не нужно. Есть ли какая-то техника, позволяющая на ходу менять размер/разрешение видео и показывать его без сохранения на диск.

К примеру, на десктопах показываем исходник = 1080, на планшетах = 720, на смартфонах = 560.

Answer 1

[Михаил Р.]

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

Comments

[weranda]

Так и думал, что вариантов особо нет. Было бы круто, если бы была какая-нибудь библиотека на стороне клиента для изменения видюх.

[Михаил Р.]

weranda, конвертация видео "не в браузере", это непросто для настольных компов с приличным железом, а здесь смартфон клиента + браузер. Ютуб с радостью переложил бы нагрузки на клиента, если такое было бы возможно.

[Dmitry Bay]

Михаил Р.,
а здесь смартфон клиента + браузер

Но скачать придется столько же информации как на видео.

[Михаил Р.]

Dmitry Bay, придется, но я больше про сам браузер, выполнение задач в рамках которого - мягко говоря не повышает производительность.

Answer 2

[Dmitry Bay]

На хостинге есть видео. Размер видео 100 Мб.

Установите ffmpeg и просто базовым запросом перекодируйте в тот же размер что у вас есть. Удивитесь сокращению размера раза в два.

Видео запускается через тег video

Используйте библиотеки, типа videojs. они действительно имеют больше возможностей.

На смартфонах такое разрешение не нужно.

Настройки пользователя или конфиги пользователя в вашей системе.

К примеру, на десктопах показываем исходник = 1080, на планшетах = 720, на смартфонах = 560.

Изначально нужно закодировать. ffmpeg перегоняет очень быстро файлы в разные форматы на m1 макбуках (4x от изначального 1080 файла), думаю современные процессоры умеют так же.
В любом случае придется хранить все 3 версии, но тут нюанс -
576 - может весить 5-10мб
1080 - 20-30 мб
720 - около 15.

В итоге все 3 версии готовые - меньше вашего изначального файла. Продумайте им названия и внедрите в систему.