Настройки видеокодека для поддержки всех основных мобильных устройств в плеере html5?

Question

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

Так что, похоже, HTML5, вероятно, лучший способ передачи видео, встроенных в веб-сайты, на мобильные устройства.(Могу ли я получить подтверждение на этот счет или нет?)

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

Проблема в правильном кодировании видео.

Я много пробовал и в итоге получил видеофайл, который воспроизводится на Iphone 4, Iphone3 с обновленным программным обеспечением и Android 2.1.Вот и все, что у меня было для тестирования.

Чтобы все заработало, казалось, что необходимо следующее:

Format profile                   : Baseline@L1.3
Codec ID                         : avc1

Файл также необходимо обработать с помощью qt-faststart (который яне понимаю, потому что это добавляет к требованиям больше, поскольку по умолчанию в спецификации H264 видеоинформация закодирована в конце файла.)

Я много искал, но безуспешно, поэтому мой вопрос:

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

Удастся ли мне работать с H264 (AVC) или потребуется поддержка альтернативного источникав любом случае с webm / ogg или чем-то в этом роде?

Или другими словами:

Если вы разместите видео в Интернете в формате HTML5 для показа на мобильных устройствах.Какие настройки кодека вы бы выбрали и почему.

Я открою другие вопросы, на которые я частично отвечу сам, и свяжу их здесь, как это сделать:

• совместимый html5-плеер
• сделать резервный флэш или наоборот
• как правильно кодировать видео на стороне сервера, включая установки требований и различные входные файлы

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

Answer 1

Рекомендованный способ - это кодировать видео 3 раза:

h264, vorbis и webm ... затем поместить их в качестве источников в тег html5 в этом порядке (поскольку некоторые устройства смотрят только на1), и если все не получится, вернитесь к флэш-памяти.

Мне не нравится это решение, потому что у меня есть 3 видеофайла для кодирования и хранения.

Так что я подошел к нему другим способомраунд, чтобы использовать вспышку, если это возможно, и переключиться на html5 как запасной вариант.Я предпочитаю это решение, так как воспроизведение со вспышкой кажется более надежным.Ну, он потребляет больше вычислительной мощности, так что для HD-видео вы могли бы спорить, но хорошо.

Итак, я закончил со следующей таблицей, как вещи должны использоваться:

IE: Flash (v9 будет поставляться споддержка html5 / h264, но Flash это здорово) Firefox: Flash (пока поддерживается только theora / vorbis) Safari: Flash, если это возможно, иначе HTML5 / h264 поддерживается в версиях 3.0+ Chrome: Flash, если flash не доступен (маловероятно) h264Поддержка / html в версиях 5.0+ Opera: Flash (пока не поддерживается h264. Opera mobile ... не будет работать. HTML5 только с открытыми форматами.) Iphone: HTML5 / h264 (3.0+) Android: HTML5 / h264 (2.0+)

Единственное, на что следует обратить внимание, это то, что Android не использует флэш-память, поскольку мобильный телефон не будет иметь производительности для плавного воспроизведения, но он поддерживает ее в версиях 2.2 ... Все еще работает над этим.

Так что нам теперь нужно?

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

Единственные случаи, когда Theora / Webm были бы важны, - это Firefox и Opera.Но они должны поддерживать флэш-память, которая поддерживает h264 и версию 9. что-то.

Answer 2

Существует ошибка при чтении iPad с источника, который хорошо документирован. Mp4 должен быть первым.