Configuración del códec de video para admitir todos los principales dispositivos móviles en el reproductor html5?

Question

Youtube mobile usa RTSP en tiempo real, pero eso es bastante exagerado para configurar y mantener.

Parece que HTML5 es probablemente la mejor manera de servir videos incrustados en sitios web a dispositivos móviles. (¿Puedo obtener confirmatino sobre eso o nadie está en desacuerdo?)

También para incluir un enlace estático al archivo multimedia para que el teléfono pueda decidir qué hacer con él y en casos extremos descargue y comience con el reproductor del sistema , que parece ser compatible con más códecs y esas cosas.

El problema es la codificación de video correcta.

Probé mucho y terminé con un archivo de video que reproduce en Iphone 4, Iphone 3 con software actualizado y Android 2.1. Eso es todo lo que tenía disponible para probar.

para que funcione en absoluto la siguiente parecía ser necesario:

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

El archivo también se necesita procesar con qt-faststart (que no entiendo porque se añade más a los requisitos ya que por defecto en la especificación H264 la información de vídeo se codifica al final del archivo)

he buscado mucho, pero sin suerte, por lo que mi pregunta es:.

la configuración que debe elegir para apoyar el mayor número posible de dispositivos con ITS ll buena compresión, calidad y esas cosas.

¿Seré bueno con H264 (AVC) o será necesario para apoyar una fuente alternativa con webm/ogg o algo así de todos modos?

O en otras palabras:

Si se pone una línea de vídeo en HTML5 para ser servido a los dispositivos móviles. ¿Qué configuración de códec elegirías y por qué?

abriré otras cuestiones que yo en parte responder a mí mismo y vincularlos aquí sobre cómo hacerlo:

• un reproductor HTML5 compatibles
• hacer repliegue flash o al revés
• cómo el servidor codifica los videos correctamente incluye instalaciones de requisitos y varios archivos de entrada

Afortunadamente, al final tendré mi sitio web de video listo para mobil e y una guía completa para que todos puedan hacerlo también.

Answer 1

La forma recomendada para ir es a codificar el vídeo 3 veces:

h264, Vorbis y WebM ... luego ponerlos como fuentes en la etiqueta de HTML5 en este orden (ya que algunos dispositivos sólo se ven en la 1ª uno) y si todo falla vuelve a destellar.

No me gusta esa solución porque tengo 3 archivos de video para codificar y almacenar.

Así que me acerqué a ella al revés para usar flash si es posible y cambiar a html5 como una alternativa. Prefiero que la solución y la reproducción con flash parezcan más confiables. Bueno, consume más potencia de computación, por lo que para los videos de alta definición se puede debatir pero bien.

así que terminé con el siguiente cuadro de cómo las cosas se debe utilizar:

IE: Flash (v9 se venderá con html5/h264 apoyar también, pero el flash está fresco) Firefox: Flash (sólo Theora/Vorbis compatible por ahora) Safari: Flash si es posible, más compatible con HTML5/h264 en las versiones 3.0+ Chrome: Flash, si flash no disponible (improbable) soporte h264/html en las versiones 5.0+ Opera: Flash (no admite h264 todavía . Opera mobile ... no funcionará. Html5 solo con formatos abiertos.) Iphone: HTML5/h264 (3.0+) Android: HTML5/h264 (2.0+)

Lo único a tener en cuenta es que Android no usa el flash porque el teléfono móvil no tendrá el rendimiento para una reproducción fluida, pero lo admite en las versiones 2.2 ... Todavía estoy trabajando en eso.

¿Qué necesitamos ahora?

Detección de Flash confiable y JS. Si no hay JS disponible, podemos mostrarlo. la etiqueta html5 o el reproductor flash ... creo que el reproductor flash es mejor.

Los únicos casos en los que Theora/Webm serían importantes son Firefox y Opera. Pero deberían soportar flash que sea compatible con h264 scince versión 9.algo.

Answer 2

Hay un error con iPad leyendo la fuente que está altamente documentada. El mp4 tiene que ser el primero.