reproducir - reproductor de video html5

preparando el archivo mp4 para html 5

Question

En html 5, quiero incrustar un mp4 como este:

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

El video funciona bien en el navegador de mi máquina de desarrollo, pero el archivo es de 500 MB porque se grabó en Full HD. ¿Cómo hago un down-sample del archivo para que sea de aproximadamente 50MB, con un video más pequeño pero con la misma calidad de sonido, y aún así poder reproducirlo en el navegador usando la etiqueta de video html5 que se muestra arriba?

Estoy usando Windows. He estado usando FlashIntegro , pero convierte los archivos al formato avi, que no se puede ver usando las etiquetas de video en html 5. Quiero un formato mp4 que puedo publicar usando las etiquetas de video en html 5. Me gustaría usar software libre .

No quiero usar la nube creativa flash o adobe, pero estoy agregando esas etiquetas para encontrar espectadores que puedan conocer alternativas gratuitas.

Answer 1

Sugeriría algo como ffmpeg , aunque establecería expectativas de calidad si pasas de un archivo de 500mb a uno de 50mb, aunque mucho dependerá de la cantidad de optimización que ya esté presente en la fuente ... Pude obtener un archivo de 270Mb archivo de hasta 29Mb sin pérdida visible de calidad usando lo siguiente:

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

Lo anterior le dará una salida de 1280x720, a 3Mbps usando h264 en un contenedor mp4, y también hará una segunda pasada para mover el elemento moov al frente del archivo, permitiéndole comenzar a transmitir más rápido. No volverá a codificar el audio, por lo que mantendrá la calidad con la que comenzó

Es posible que desee jugar con el tamaño de fotograma y la velocidad de bits para obtener el tamaño del archivo para que coincida con lo que le gusta / necesita