Встраивание нескольких очень больших видеофайлов

Question

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

Фиксированный набор 8 24-часовых видео предназначен для просматривать одновременно . 7 из них в миниатюре и один почти в полноэкранном режиме. Пользователь может переключить полноэкранное видео на другое. Через 24 часа они l oop около.

Каждое видео синхронизировано c с временем дня и не может быть пропущено, поэтому, если вы посещаете веб-сайт в 10:09: 08, все видео также должны начинаться с 10:09:08. Так что без пауз или поиска .

Из-за огромного размера видеофайлы будут иметь место, я не уверен, какой путь лучше всего подойти к этому проекту . Я полагаю, что простое размещение их в теге <video> не будет хорошим пользовательским опытом из-за времени загрузки.

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

1. Какие услуги мне нужны - подходит ли облачное хранилище Google для этих видео files?

2. Adaptive Streaming от DA SH. js кажется хорошим решением для всех настольных компьютеров, но оно не предназначено для мобильных браузеров. Есть ли готовое решение? Могу ли я просто использовать для этого услугу (можно потратить немного денег)? Может ли API YouTube или даже простые фреймы YouTube обрабатывать что-то подобное? Это выглядело бы как ужасный взлом.

Большое спасибо за любой вклад!

Answer 1

Формат HLS - это то, что вам следует использовать - браузер просто загружает файлы по запросу, которые вам нужны. В частности, он позволяет вам указывать временные метки в файлах m3u8 как временные метки, поэтому поиск должен быть проще. HLS также разбивает фактические сегменты видео на более мелкие части, и вы можете хранить их в S3 / облачном хранилище. hls. js - это вариант для внешней библиотеки, которая работает на настольных компьютерах и мобильных устройствах, хотя возможность комбинировать видео на странице вместо автоматического полноэкранного режима может зависеть от мобильного устройства. Что, я думаю, вам следует сделать для эскизов, так это создать 1 видео, в котором эти потоки выложены плиткой, а затем использовать элементы для размещения этих потоков на экране. Затем вы можете загружать различные большие видеопотоки по запросу (также HLS - могут даже быть разные уровни в одном m3u8, если вы хотите быть необычными).