подготовка файла mp4 для html 5

В html 5 я хочу встроить mp4 следующим образом:

<video width="640" height="480" controls>
    <source src="somefile.mp4" type="video/mp4">
    Your browser does not support the video tag.
</video>

Видео отлично работает в браузере на моем компьютере для разработки, но размер файла составляет 500 МБ, потому что он был записан в формате Full HD. Как уменьшить размер файла до 50 МБ, с меньшим размером видео, но таким же качеством звука, и при этом его можно было воспроизвести в браузере с помощью видеотега html5, показанного выше?

Я использую Windows. Я использую FlashIntegro, но он преобразует файлы в формат avi, который невозможно просмотреть с помощью тегов видео в html 5. Мне нужен формат mp4, который я могу опубликовать, используя теги видео в html 5. Я хотел бы использовать бесплатное программное обеспечение.

Я не хочу использовать flash или Adobe Creative Cloud, но я добавляю эти теги, чтобы найти зрителей, которые могут знать о бесплатных альтернативах.


html video flash adobe multimedia
person CodeMed    schedule 08.12.2014    source источник

Ответы (1)


arrow_upward
4
arrow_downward

Я бы предложил что-то вроде ffmpeg, хотя и установил бы ожидания по качеству, если вы перейдете от файла размером 500 МБ к файлу размером 50 МБ - хотя многое будет зависеть от количества оптимизации, уже присутствующей в исходнике ... Я смог получить 270 МБ. файл до 29 Мб без видимой потери качества с помощью следующего:

./ffmpeg -y -i SourceFile.mp4 -s 1280x720 -c:v libx264 -b 3M -strict -2 -movflags faststart DestFile.mp4

Вышеприведенное даст вам вывод 1280x720 со скоростью 3 Мбит/с с использованием h264 в контейнере mp4, а также будет выполнен второй проход для перемещения элемента moov в начало файла, что позволит ему начать потоковую передачу быстрее. Он не будет перекодировать звук, поэтому сохранит то качество, с которого вы начали

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

person Offbeatmammal    schedule 08.12.2014
comment
Спасибо. Я загрузил ffmpeg на свою машину с Windows 7, но не совсем понятно, как заставить его дать мне командную строку, которую я могу использовать. Чтобы воспользоваться вашим советом, мне нужно знать, как настроить все шаги на компьютере с Windows 7, ведущие к тому моменту, когда я набираю строку, которую вы предложили выше. - person CodeMed; 08.12.2014
comment
Причина, по которой мне нужно, чтобы вы дали более контекстные инструкции, заключается в том, что когда я открываю разархивированное содержимое zip-файла, который загружает ffmpeg, я нажимаю на единственный логический файл, и он дает мне подсказку, в которой не указывается каталог, даже когда Я набираю cd ... Кроме того, я не знаю, следует ли мне вводить полный путь к файлу sourcefile.mp4. - person CodeMed; 08.12.2014
comment
если у вас есть ffmpeg.exe в вашем каталоге, удалите ./ спереди (или замените его путем к ffmpeg). Если источник mp4 находится в другом каталоге, тогда да, используйте полное доменное имя, чтобы добраться до него. - person Offbeatmammal; 08.12.2014
comment
это помогло? дайте мне знать, если вы все еще застряли - person Offbeatmammal; 09.12.2014
comment
Это работает. Спасибо. У меня есть всего несколько минут в день, чтобы поработать над этим, и я ждал, когда смогу его протестировать. 1280x720 слишком большой, но я думаю, что он будет работать так же хорошо, когда я попробую 640x360 позже. Я предполагаю, что деление ширины и высоты на 2 приведет к тому, что видео всегда будет заполнять поле видео в html с правильным соотношением сторон. - person CodeMed; 09.12.2014
comment
превосходно! да, пока вы сохраняете соотношение сторон одинаковым (w:h), все будет выглядеть нормально — вы можете сбалансировать размер кадра и битрейт, чтобы получить наилучшее (визуальное) качество и размер файла для вашего использования. - person Offbeatmammal; 09.12.2014
comment
@CodeMed рад, что вам нравится FFMpeg, но вы также можете попробовать MediaCoder для визуальный интерфейс и преобразования в любом случае могут быть реализованы с помощью FFMpeg. - person VC.One; 10.12.2014
comment
@Offbeatmammal Я только что опубликовал еще один вопрос со ссылкой на файлообменник. Видео не загружается должным образом в Internet Explorer или Android, но отлично загружается в Firefox. Вы готовы помочь с другим вопросом? Вот ссылка: stackoverflow.com/questions/27881971/ - person CodeMed; 11.01.2015