Paramètres de codec vidéo pour soutenir tous les principaux appareils mobiles dans le lecteur html5?

Question

Youtube mobile utilise le streaming RTSP, mais c'est plutôt exagéré à mettre en place et à maintenir. Il semble donc que le HTML5 est probablement le meilleur moyen de diffuser des vidéos intégrées dans des sites Web à des appareils mobiles. (Puis-je avoir confirmation de cela ou est-ce que quelqu'un est en désaccord?)

Également d'inclure un lien statique vers le fichier multimédia afin que le téléphone puisse décider quoi faire avec et dans les cas de bord télécharger et démarrer avec le lecteur système , qui semble supporter plus de codecs et d'autres choses.

Le problème est le bon codage vidéo.

J'ai beaucoup essayé et j'ai fini avec un fichier vidéo qui joue sur Iphone 4, Iphone 3 avec le logiciel mis à niveau et Android 2.1. C'est tout ce que j'avais à tester.

Pour le faire fonctionner à tout ce qui suit semblait être nécessaire:

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

Le fichier également nécessaire pour traiter avec qt-faststart (que je ne comprends pas, car il ajoute plus aux exigences par défaut dans la spécification H264 les informations vidéo sont codées à la fin du fichier)

Je cherchai beaucoup mais pas de chance, donc ma question est la suivante:.

Quels paramètres choisir pour supporter des périphériques les plus possibles avec sti ll bonne compression, qualité et d'autres choses. Est-ce que je serai bon avec H264 (AVC) ou sera-t-il nécessaire de soutenir une autre source avec webm/ogg ou quelque chose comme ça de toute façon?

Ou en d'autres termes:

Si vous mettez une vidéo en ligne en HTML5 pour être servi aux appareils mobiles. Quels paramètres de codec choisiriez-vous et pourquoi?

Je vais ouvrir d'autres questions que je vais en partie répondre moi-même et de les relier ici sur la façon de faire:

• un lecteur html5 compatible
• faire fallback flash ou l'inverse
• comment Côté serveur, encoder correctement les vidéos, y compris les installations requises et les différents fichiers d'entrée

J'espère que finalement, mon site vidéo sera prêt pour la mobilisation. e et un guide complet pour que tout le monde le fasse aussi.

Answer 1

La méthode recommandée pour aller est d'encoder vos vidéos 3 fois:

h264, Vorbis et WebM ... puis les mettre comme sources dans la balise html5 dans cet ordre (parce que certains appareils ne regarder que 1Er un) et si tout échoue retomber à clignoter.

Je n'aime pas cette solution parce que j'ai 3 fichiers vidéo à encoder et à stocker.

Donc je l'ai abordé dans l'autre sens pour utiliser flash si possible et passer à html5 comme un repli. Je préfère cette solution ainsi que la lecture flash semble être plus fiable.Bien qu'il consomme plus de puissance de calcul, pour les vidéos HD, vous pouvez débattre mais bien.

donc j'ai fini avec le tableau suivant comment les choses doivent être utilisés:

IE: Flash (version 9 sera livré avec html5/h264 soutenir aussi bien, mais le flash est cool) Firefox: Flash (seulement Theora/Vorbis supporté pour l'instant) Safari: Flash si possible, sinon HTML5/h264 pris en charge dans les versions 3.0+ Chrome: Flash, si le flash n'est pas disponible (peu probable) Support h264/html dans les versions 5.0+ Opera: Flash (pas encore de prise en charge de h264 Opera Mobile ... ne fonctionnera pas.Html5 seulement avec des formats ouverts.) Iphone: HTML5/h264 (3.0+) Android: HTML5/h264 (2.0+)

La seule chose à surveiller est qu'Android n'utilise pas le flash car le téléphone mobile n'aura pas les performances pour une lecture fluide, mais il le supporte dans les versions 2.2 ... Toujours en train de travailler dessus.

Alors de quoi avons-nous besoin maintenant?

Détection flash fiable et JS. Si aucun JS n'est disponible, nous pouvons l'afficher. la balise html5 ou le lecteur flash .. je pense que le lecteur flash est meilleur.

Les seuls cas où Theora/Webm seraient importants sont Firefox et Opera. Mais ils devraient soutenir flash qui prend en charge la version 9.heure scince h264.

Answer 2

Il y a un bug avec l'iPad qui lit la source qui est très documentée. Le MP4 doit être le premier.