Преобразование html5 видео - какое программное обеспечение для использования

Question

мы планируем использовать полноэкранное видео html5 на веб-сайте. Я читал, что MPEG-4/H.264 может быть лучшим форматом на данный момент.

У меня есть видеофайл, доступный как 1080p mp4 ... это размер 41.2mb. Поскольку видео должно воспроизводиться в «относительном» хорошем качестве и потоке очень быстро, как я могу оптимизировать видеофайл.

Любые советы, рекомендации для меня? 1080p необходимо для полноэкранного видео на рабочем столе или 720p достаточно? Каким должен быть выходной размер полноэкранного видео для рабочего стола?

С уважением, матовые

Answer 1

многое будет зависеть от целевой аудитории и их соединения. Если у них хорошие связи и большой монитор, они могут оценить 1080p, но 720p, вероятно, будет в порядке.

Лучше ошибиться на стороне снижения качества и рисковать буферизацией ИМО (хотя это будет зависеть от прецедента). Моим обычным подходом было бы работать с некоторыми целевыми пользователями, а A: B - тестировать различные настройки качества (корректируя как фрейзирование, так и битрейт, каждый раз очищая их кеш), чтобы увидеть, где находится сладкое пятно ...

Убедитесь, что MOOV atom находится на старте, поэтому им не нужно ждать, пока все это загрузится, прежде чем он начнет играть.

Вы можете создать несколько образцов версий контента довольно быстро, используя ffmpeg перекодировать/TransMux с различными настройками

ffmpeg -y -i {source-file} -s 1280x720 -c:v libx264 -b 3M -strict -2 -movflags faststart {target-file} 

• -s определяет размер целевой выходной
• -b определяет битпоток
• movflags faststart будет выполнять второй проход, чтобы обеспечить атом moov, где вы хотите.

Кроме того, в зависимости от подвижной цели вы можете быть лучше с фрагментированным форматом MPEG, который позволяет адаптивному битрейт (например, HLS), так что браузер может решить, какой битрейт/FrameSize это может лучший дисплей для запроса

Answer 2

Я провел много времени с видео HTML5 в последнее время и просто наткнулся на эту тему: Miro - это простая, простая (и бесплатная) опция, которая может выводиться в основных форматах, т. Е. Mp4, webm & ogg theora.

Answer 3

720p было бы достаточно, особенно если вы можете добавить полупрозрачную пленку сверху, чтобы скрыть любые артефакты. Вы действительно не хотите, чтобы он был медленным и судорожным.

Формат мудрый вы можете использовать столько, сколько хотите в теге <video> (для любых браузеров, которые вам нужны для поддержки). Например.

<video poster="path/to/screenshot.jpg"> 
    <source src="path/to/video.webm" type="video/webm"> 
    <source src="path/to/video.ogg" type="video/ogg"> 
    <source src="path/to/video.mp4" type="video/mp4"> 
</video> 

Вы даже можете добавить флэш-резерв. Все, что внутри тега видео, отличное от <source>, игнорируется браузерами, поддерживающими видео html5.Поэтому:

<video poster="path/to/screenshot.jpg"> 
    <source src="path/to/video.webm" type="video/webm"> 
    <source src="path/to/video.ogg" type="video/ogg"> 
    <source src="path/to/video.mp4" type="video/mp4"> 
    <!-- Flash fallback --> 
    <object data="flvplayer.swf" type="application/x-shockwave-flash"> 
     <param value="flvplayer.swf" name="movie"/> 
    </object> 
</video> 

Я работаю с HTML5 видео справедливый бит и встроенный бесплатный (для под 20Mb файлов) конвертер, который принимает любые видео-файл и выводит WebM, Ogg и MP4 файлы вместе с <video> тэгом: http://html5backgroundvideos.com/converter/