2011-07-31 12 views
7

Tengo que administrar un sitio web que mostrará principalmente videos. Este sitio web tendrá una versión móvil con la etiqueta video> <, de modo que el video también se pueda reproducir en ipod, iphone, ipad y otros dispositivos móviles en su navegador.Video en sitios web y dispositivos móviles, ¿hay algún código/formato multiplataforma para todos estos servicios?

La pregunta que ahora tengo es: ¿qué formato/códec eligen convertir los videos para tener el mejor flujo de trabajo?

La solución perfecta sería encontrar un formato que se pueda reproducir tanto en flash como en reproductores de video <, para que mi cliente no tenga que exportar los videos en varios archivos.

Para Flash, yo usaría el archivo .flv, con códec h264. Pero ese formato/códec no se puede reproducir con < video>, ¿no es así?

Si no, ¿existe una combinación de formato/códec que pueda funcionar en ambos?

Si no es así, ¿qué puedo hacer? ¿Tiene un archivo .flv/h264 para la versión web y un archivo .ogg/webM para la versión móvil?

¡Gracias de antemano por sus preciosos consejos!

+2

H.264 en un contenedor MP4 funcionan en ambos Flash Player e iOS (y en Safari en Mac). No tiene que usar archivos .flv para Flash. Pero no hay un formato único que funcione en el elemento de video en todos los navegadores web. Ogg o webM no funcionarán en dispositivos con iOS, hasta donde yo sé. –

+0

Muy bien, ¡gracias por tu respuesta! También acabo de leer http://diveintohtml5.org/video.html, que me llevó a la misma conclusión. – daviddarx

+0

Por lo tanto, si uso mp4 con códecs h.264 y aac, podré mostrar videos en todos los lugares donde se puede instalar el flash (todos los navegadores en las computadoras), y en todos los dispositivos iOS y Android. Suena perfecto para mí. ¿Es eso suficiente para una plataforma de video, o puedo usar varios archivos? – daviddarx

Respuesta

3

creo que este es un muy buen artículo sobre HTML5 vídeo: http://diveintohtml5.ep.io/video.html

Codecs/container IE Firefox Safari Chrome Opera iPhone Android 
Theora+Vorbis+Ogg · 3.5+ †  5.0+ 10.5+ ·  · 
H.264+AAC+MP4  9.0 ·  3.0+ ·  ·  3.0+ 2.0+ 
WebM    9.0 4.0+ †  6.0+ 10.6+ ·  2.3‡ 

De acuerdo con este artículo no hay un formato que funciona en todas partes. Lo que hago es codificar los videos en H.264. Así que funciona de forma nativa en el iPhone, iPad y en safari y para todos los demás, simplemente leo el archivo mpg con un reproductor flash como respaldo. (Puede vincular directamente a un archivo mp4 con flash, no necesita usar un archivo FLV).

Para hacerlo, puede usar Modernizr para detectar si HTML5 es compatible y, en caso afirmativo, qué formatos admite el navegador.

Por supuesto, sería mejor tener todos los formatos de árbol disponibles, pero a menudo es complicado de manejar para el cliente.

+0

¡Gracias por sus precisiones! – daviddarx

1

Esto es lo que es común en Android, iOS y WP8, Mac y Windows:

Tipo de contenedor - MP4, M4V

Tipo de codificación - vídeo H.264, hasta 1,5 Mbps, 640 por 480 píxeles, 30 fotogramas por segundo, versión de baja complejidad del perfil base H.264 con audio AAC-LC de hasta 160 Kbps, 48 ​​kHz, audio estéreo

Cuestiones relacionadas