Кодирование видео для сайтов

Question

Я немного новичок в размещении видео на сайте. Каков наилучший способ сделать это? Я только начал читать об этом.

Я прочитал, что должен использовать HTML5 и нативный проигрыватель браузера. - Кто-нибудь знает библиотеку javascript, которая будет использовать проигрыватель браузера и определять, не использует ли браузер HTML5 для перехода на флэш-проигрыватель?

Что касается кодирования, что является лучшим подходом? Я планирую написать небольшое консольное приложение, чтобы использовать FFMPEG для конвертации видео. Но какую кодировку я должен использовать? Я слышал, что H.264 обещает? Но

Answer 1

Это то, что вы ищете: http://videojs.com/

Мудрое кодирование, я думаю, что H.264 и WebM - мудрый выбор. Таким образом, вы будете удовлетворять все современные браузеры и мобильные устройства (включая iOS и Android) и использовать Flash только для старых браузеров до HTML5 (и FF 3.6, которая поддерживает только Theora.)

Answer 2

Самодельный подход заключается в использовании Видео для всех код для встраивания. Это приведет к видео HTML5 и возврат к флэш-памяти. Затем для кодирования видео вы можете использовать FFmpeg, как вы сказали.

Чтобы сделать вашу жизнь проще, вы должны проверить VideoJS для вашего видеоплеера HTML5. Он решает множество кросс-браузерных проблем и некоторые дополнительные функции, которые еще не поддерживаются браузерами. Для кодирования видео, если вы планируете использовать FFmpeg специально для автоматизации кодирования, вы должны проверить API кодирования видео Zencoder . Это может сэкономить вам время на настройку и проблемы с совместимостью.

Для кодеков приоритет # 1 должен быть h.264, особенно с использованием базового профиля, чтобы он работал на смартфонах. После этого ogg и webm - хороший выбор. WebM более высокого качества для размера файла, но Ogg может просматриваться большим количеством пользователей, потому что его поддерживает более старая версия Firefox. И просто отметим, что если вы используете только h.264, код Video for Everybody не откатится к Flash в Firefox и Opera (которые не поддерживают h.264), поэтому вам нужно будет использовать плеер, такой как VideoJS.

Answer 3

Используйте Handbrake для кодирования видео, особенно для поддержки HTML 5.

HTML 5 - это отличный способ встраивания видео, однако он еще не стандартизирован.Вы определенно хотите использовать его, если вы поддерживаете устройства iOS, поскольку они, конечно, не поддерживают Flash, который является наиболее распространенным способом встраивания видео.:

<video src="video.m4v" />

Вот фантастическая ссылка, которую вы найдете полезной: http://www.robwalshonline.com/posts/tutorial-serving-html5-video-cross-browser-including-ipad/

Answer 4

Понижение рейтинга - это просто ...

Ваш браузер не поддерживает видео html5

Поместите код понижения между открытием и закрытием тегов видео ... Браузеры, не поддерживающие html5, будут игнорировать тег видео и отображать флеш-код или любой HTML-код междуоткрывающие и закрывающие видео теги.HTML5-браузеры будут отображать видео и игнорировать HTML-код.

Эту функцию также можно использовать, чтобы дать людям знать о chromeframe http://wsmithdesign.wordpress.com/2010/10/03/using-html5-video-tag-with-ie8/, который работает с IE 6-8 и позволяет им использовать видео HTML5.

Формат видео по-прежнемупроблема;не все браузеры поддерживают mp4, не все браузеры поддерживают ogv.

Answer 5

Я прочитал, что я должен использовать HTML5 и родной плеер браузера

Какой идиот сказал тебе это? Учитывая, что вы потеряете значительную часть клиентской аудитории, вы либо используете монокультуру браузеров HTML 5, из тех, кто сказал, что должен обслуживать бургеры в McDonalds, а не давать советы людям. HTML 5 и встроенный проигрыватель хороши, но пока не подходят для широкой публики. Через пару лет да. Теперь - если я найму веб-компанию для размещения видео на веб-сайте, и они это сделают, им будет предъявлен иск за грубое пренебрежение и некомпетентность.

Сегодня воспроизведение в основном флэш-памяти, которая имеет высокую степень проникновения. Флеш-видео плеер - это то, что в настоящее время используют такие сайты, как youtube. Если вы идете на меньшее (проникновение), Silverlight очень хорош и имеет полную бэкэнд-инфраструктуру.

Я слышал, что H.264 обещает?

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