Videos sur iPad et iPhone, comment faire ?

Le
Eric Demeester
Bonsoir,

Je m'explique. J'ai construit pour un client il y a quelques années un
petit site web dédié à la diffusion de ses vidéos.

Jusqu'à maintenant, bien que n'étant généralement pas adepte du Flash,
j'encodais en flv (à cause de l'excellent rapport qualité/poids des
vidéos), j'encapsulais ça dans un lecteur sympa (player_flv_maxi.swf) et
voguait la galère.

Le client, pourtant prévenu depuis des années que ça ne fonctionnerait
pas sur les iPhones et les iPads, se réveille et décide qu'il faut
impérativement combler cette lacune, parce que dans son milieu (la
communication pour faire large), tout le monde utilise ces bidules.

Il existe des contournements, allant de l'usine à gaz vendue (un bras)
par Adobe qui réencode à la volée sur le serveur après avoir détecté le
type de terminal se connectant au site, à l'installation de navigateurs
alternatifs permettant de lire du Flash, en passant par le jailbreak des
appareils.

Tout cela ne me convient pas, car les utilisateurs de ces terminaux sont
novices en informatique, et doivent pouvoir regarder les vidéos avec les
applis installées par défaut, à savoir, pour résumer, Safari.

La solution que j'envisage est de passer en HTML5 et d'utiliser la
balise magique <video>. L'expérience n'est pas trop périlleuse, le site
ne comportant qu'une dizaine de pages, une page d'accueil puis une par
vidéo.

C'est élégant sur le papier, mais :

- est-ce que la version de Safari installée sur ces terminaux est
pleinement compatible HTML5 ?
Apple prétend que oui, mais je me méfie un peu des affirmations des
markétoïdes, d'autant quand elles sont le fait d'employés de
l'entreprise vantant les mérites de ses propres produits.

- Si la réponse à la première question est oui, quel format de vidéo
adopter pour qu'elles s'affichent sur ces terminaux ?

Si vous avez des idées, des retours d'expérience, en tant que
développeurs ou utilisateurs de ces terminaux, tout m'intéresse.

Par avance merci.

--
Eric
Vidéos High-Tech et Jeu Vidéo
Téléchargements
Vos réponses Page 1 / 2
Gagnez chaque mois un abonnement Premium avec GNT : Inscrivez-vous !
Trier par : date / pertinence
Mac Larinett
Le #25309482
In article Eric Demeester
- est-ce que la version de Safari installée sur ces terminaux est
pleinement compatible HTML5 ?
Apple prétend que oui, mais je me méfie un peu des affirmations des
markétoïdes, d'autant quand elles sont le fait d'employés de
l'entreprise vantant les mérites de ses propres produits.

- Si la réponse à la première question est oui, quel format de vidéo
adopter pour qu'elles s'affichent sur ces terminaux ?



Il suffit d'encoder en mp4 et ogv pour que tous les navigateurs
comprennnent

<video width="640" height="360" controls="controls">
Si la video ne s'affiche pas vous utilisez un navigateur obsolète,
remplacez-le par la dernière version de Firefox, Opera, Google Chrome ou
Safari.
</video>

J'utilise Miro Video Converter pour générer l'Ogg Theora
Eric Demeester
Le #25310002
dans (in) fr.comp.infosystemes.www.auteurs, Mac Larinett

Bonjour Mac,

Il suffit d'encoder en mp4 et ogv pour que tous les navigateurs
comprennnent



J'étais très agréablement surpris par le rendu associé au faible poids
des vidéos après conversion en .flv. Lequel de ces deux formats présente
le meilleur rapport qualité/poids de la vidéo, d'après ton expérience ?

<video width="640" height="360" controls="controls">
Si la video ne s'affiche pas vous utilisez un navigateur obsolète,
remplacez-le par la dernière version de Firefox, Opera, Google Chrome ou
Safari.
</video>



Cet exemple de code me sera très utile comme base de départ. Je présume
qu'il existe aussi des instructions permettant de définir le
« lecteur » (genre pause, plein écran, réglage du volume, etc.) ?

Ceci dit, avec les bases que tu me donnes, je devrais me débrouiller et
trouver, quitte à revenir ici demander des précisions ou des conseils.

J'utilise Miro Video Converter pour générer l'Ogg Theora



Pour ma part, j'utilise Quick Media Converter, qui transcode tout en
n'importe quoi avec une grande efficacité. Pour le mp4, pas de problème,
il me propose même une exportation spécifique « mp4 pour iPhone ». En
revanche, il ne connait pas l'Ogg Theora (mais j'ai peut-être mal
cherché).

Si tu me confirmes que c'est le format le mieux adapté (j'aime bien son
côté « libre » par principe), je testerai ton utilitaire.

Un grand merci en tout cas, tu m'as donné nombre de pistes et matière à
réflexion pour avancer dans mon projet.

Bien plus qu'en fouillant sur le web, en tout cas. Preuve s'il en est
que pour moi, du moins sur certains groupes, que Usenet reste le moyen
d'échanges le plus efficace et le plus ergonomique.

--
Eric
Mac Larinett
Le #25310082
In article Eric Demeester
J'étais très agréablement surpris par le rendu associé au faible poids
des vidéos après conversion en .flv. Lequel de ces deux formats présente
le meilleur rapport qualité/poids de la vidéo, d'après ton expérience ?



Le mp4 est plus compact mais il faut l'ogv pour firefox, la balise video
permet justement de mettre plusieurs formats, le navigateur prend le
premier qui lui convient, dans l'exemple que je donne je mets donc mp4
puis ogv, puis un texte pour les navigateurs obsolètes, si tu veux tu
peux même y mettre la version flash
SAM
Le #25310242
Le 29/03/13 15:48, Eric Demeester a écrit :
dans (in) fr.comp.infosystemes.www.auteurs, Mac Larinett

<video width="640" height="360" controls="controls">
Si la video ne s'affiche pas vous utilisez un navigateur obsolète,
remplacez-le par la dernière version de Firefox, Opera, Google Chrome ou
Safari.
</video>



Cet exemple de code me sera très utile comme base de départ. Je présume
qu'il existe aussi des instructions permettant de définir le
« lecteur » (genre pause, plein écran, réglage du volume, etc.) ?




Merci de ne pas me flanquer tes vidéos en plein écran
(à tous coups elles ne supportent pas le 30")

Merci de ne pas me régler *mon* son à *ma* place

Merci de ne pas me démarrer la vidéo à ma place

Merci de ne pas me pomper l'air quoi ! (et en résumé)


Sinon pour la console, ben oui :
controls="controls"
sinon je t'explose ! si je peux rien régler


Pour tes facéties j'essaierais les classiques ?

play="autoplay" ou play="autostart"
loop="true" / "2" / "3" / ... / "7" / ...
volume="70"

en attributs dans la balise video


Cordialement,
--
Stéphane Moriaux avec/with iMac-intel 27" & Mac OS X 10.6.8
SAM
Le #25310232
Le 29/03/13 16:08, Mac Larinett a écrit :
In article Eric Demeester
J'étais très agréablement surpris par le rendu associé au faible poids
des vidéos après conversion en .flv. Lequel de ces deux formats présente
le meilleur rapport qualité/poids de la vidéo, d'après ton expérience ?



Le mp4 est plus compact mais il faut l'ogv pour firefox,



Pourquoi pour firefox ?
ce n'est pas une question de plate-forme, de plug-ins ?
(bondioudla où ai-je rangé mon exemple-test ?! je suis sûr d'en avoir)

la balise video
permet justement de mettre plusieurs formats, le navigateur prend le
premier qui lui convient, dans l'exemple que je donne je mets donc mp4
puis ogv, puis un texte pour les navigateurs obsolètes, si tu veux tu
peux même y mettre la version flash



le object + flv imbriqué entre les balises vidéo




Cordialement,
--
Stéphane Moriaux avec/with iMac-intel 27" & Mac OS X 10.6.8
Eric Demeester
Le #25310282
dans (in) fr.comp.infosystemes.www.auteurs, SAM

Cher SAM,

Merci de ne pas me pomper l'air quoi ! (et en résumé)
sinon je t'explose ! si je peux rien régler



Promis, dès que j'aurai quelque chose d'utilisable, je donnerai le lien
ici pour que tu m'exploses à loisir.

Pour ce qui est du démarrage automatique, je crains d'y être contraint,
c'est une demande du client :(

Pour tes facéties j'essaierais les classiques ?
play="autoplay" ou play="autostart"
loop="true" / "2" / "3" / ... / "7" / ...
volume="70"
en attributs dans la balise video



Je vais tenir le plus grand cas de vos conseils, à Mac et toi.

Encore merci pour les coups de pouce.

--
Eric
Mac Larinett
Le #25311062
In article Eric Demeester
Pour ce qui est du démarrage automatique, je crains d'y être contraint,
c'est une demande du client :(



Uses de pédagogie pour éviter une telle calamité, surtout s'il y a du son
Mac Larinett
Le #25311052
In article SAM
Pourquoi pour firefox ?
ce n'est pas une question de plate-forme, de plug-ins ?



L'intérêt de la balise video est de se passer de plug-in, le mp4 n'étant
pas un format libre n'est pas supporté par firefox qui implémente l'ogg
SAM
Le #25311562
Le 29/03/13 19:25, Eric Demeester a écrit :

Je vais tenir le plus grand cas de vos conseils, à Mac et toi.



Ici : je trouve que c'est bien expliqué/démontré

et les pages avant ou après sont tout aussi intéressantes


Cordialement,
--
Stéphane Moriaux avec/with iMac-intel 27" & Mac OS X 10.6.8
Eric Demeester
Le #25312182
dans (in) fr.comp.infosystemes.www.auteurs, SAM

Ici : je trouve que c'est bien expliqué/démontré
et les pages avant ou après sont tout aussi intéressantes



Hop, ajouté dans mes signets.

Tant qu'à partir d'un bon pied, j'ai aussi récupéré je ne sais où deux
squelettes de sites en HTML5 , « html 5 boilerplate » et « html 5 quick
start ».

Voila, j'ai tout pour m'y mettre, yapuka.

--
Eric
Publicité
Poster une réponse
Anonyme