Как внедрить видео на сайт?

Я делаю веб-сайт, большая часть которого посвящена видео. И, как вы все знаете, в этой области есть много возможностей. (Flash, HTML5, и каждый из них имеет множество различных возможностей.)

  1. Мне нужно, чтобы видео воспроизводилось на ВСЕХ устройствах, будь то FF на ПК, Safari на Mac, iPad, iPod, Android и т. д.

  2. Я также изучил RTMP-потоковую передачу. Если это возможно, я не хочу, чтобы видео можно было скачать. (И здесь немного помогает RTMP.)

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

  4. Если это возможно, я хочу предоставить разные версии (с точки зрения разрешения и размера) видео в зависимости от полосы пропускания и размера экрана.

Если это повлияет на решение:

  1. Другая часть веб-сайта предназначена для записи видео / аудио и возможности предварительного просмотра сразу после нажатия кнопки «Остановить запись».

Я полагаю, двум последним нужен сервер потоковой передачи мультимедиа? Как будет/может выглядеть полная установка? Я посмотрел на JWPlayer, и он мне очень понравился.


jwplayer video video-streaming rtmp
person Student of Hogwarts    schedule 02.09.2012    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Flash — ваш лучший выбор из-за охвата, который он сегодня имеет на большинстве устройств (но не на iOS/MacOS). Для iOS вам нужна потоковая передача HLS, которая также будет охватывать Mac через Safari. JWPlayer хороший плеер. Есть и другие, такие как Flowplayer.

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

  • Обнаружение устройства на лету
  • Транскодирование на лету по сравнению с предопределенными файлами в зависимости от популярности контента и устройств, которые вы хотите поддерживать
  • Поддержка протокола для всех устройств. Например. iOS и MacOS отличаются от других. Если у чего-то нет флеша, то надо обслуживать через html5 или что-то другое.
  • Обнаружение пропускной способности и видеоадаптация.

Это нетривиальная проблема, которую нужно решить, если вы хотите все вышеперечисленное. Целые компании построены вокруг работы по доставке оптимизированного видео на все устройства. Таким образом, хотя это выполнимо, требуется много усилий, чтобы заставить «все устройства с различными ч/б, размерами соответствовать устройству и т. д.» работать.

Поэтому мой совет заключается в том, что вы должны сначала обеспечить поддержку самых популярных устройств, а также создавать видео в автономном режиме для охвата этих устройств. Это должно охватывать 80% ваших устройств и вариантов использования. Затем создайте набор образцов для вашего видео, которые будут обслуживать остальные устройства, но не обязательно оптимально. Пара форматов/разрешений должна охватывать большинство устройств. Сначала не заморачивайтесь по поводу адаптации и прочего. Не пытайтесь стремиться к «всем при любых условиях, наиболее оптимально учитывая контент, устройства и ч/б в качестве критериев», если у вас даже нет чего-то прямо сейчас.

person av501    schedule 02.09.2012
comment
У меня уже есть кое-что. Я настроил JWPlayer на использование Flash с потоком с моего сервера Red5. Он выбирает версию в зависимости от размера и ч/б. Если флэш-память не поддерживается, используется HTML5. Проблема в том, что после прочтения в Интернете кажется, что потоковая передача не является хорошим вариантом, и что я должен использовать псевдопотоковую передачу через HTTP. Но как заставить его адаптироваться в зависимости от размера и ч/б? - person Student of Hogwarts; 02.09.2012
comment
JW Player имеет возможность адаптации. Он будет переключаться между различными версиями файла в соответствии с n/w b/w. - person av501; 02.09.2012
comment
Может ли он переключаться и при использовании http (не RTMP)? У вас есть ссылка? - person Student of Hogwarts; 02.09.2012
comment
Нет, вы не можете переключиться на http с помощью jwplayer. - person av501; 03.09.2012