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.
- 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"> <source src="Video/Film.mp4" type="video/mp4"> <source src="Video/Film.ogv" type="video/ogg"> <img src="Preview.jpg" alt="" width="640" height="360"> 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
In article <cnm9l8pch0v23v5ihbil2ge3bfi4r5atpv@4ax.com>,
Eric Demeester <eric@grosnaze.org.invalid> wrote:
- 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">
<source src="Video/Film.mp4" type="video/mp4">
<source src="Video/Film.ogv" type="video/ogg">
<img src="Preview.jpg" alt="" width="640" height="360">
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
- 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"> <source src="Video/Film.mp4" type="video/mp4"> <source src="Video/Film.ogv" type="video/ogg"> <img src="Preview.jpg" alt="" width="640" height="360"> 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
dans (in) fr.comp.infosystemes.www.auteurs, Mac Larinett ecrivait (wrote) :
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"> <source src="Video/Film.mp4" type="video/mp4"> <source src="Video/Film.ogv" type="video/ogg"> <img src="Preview.jpg" alt="" width="640" height="360"> 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
dans (in) fr.comp.infosystemes.www.auteurs, Mac Larinett
<maclarinett@scotland.com> ecrivait (wrote) :
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">
<source src="Video/Film.mp4" type="video/mp4">
<source src="Video/Film.ogv" type="video/ogg">
<img src="Preview.jpg" alt="" width="640" height="360">
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.
dans (in) fr.comp.infosystemes.www.auteurs, Mac Larinett ecrivait (wrote) :
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"> <source src="Video/Film.mp4" type="video/mp4"> <source src="Video/Film.ogv" type="video/ogg"> <img src="Preview.jpg" alt="" width="640" height="360"> 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
In article , Eric Demeester wrote:
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
In article <8a9bl8pvkg4mavaoiqrk3n95fevar7lite@4ax.com>,
Eric Demeester <eric@grosnaze.org.invalid> wrote:
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
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 29/03/13 15:48, Eric Demeester a écrit :
dans (in) fr.comp.infosystemes.www.auteurs, Mac Larinett ecrivait (wrote) :
<video width="640" height="360" controls="controls"> <source src="Video/Film.mp4" type="video/mp4"> <source src="Video/Film.ogv" type="video/ogg"> <img src="Preview.jpg" alt="" width="640" height="360"> 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
Cordialement, -- Stéphane Moriaux avec/with iMac-intel 27" & Mac OS X 10.6.8
Le 29/03/13 15:48, Eric Demeester a écrit :
dans (in) fr.comp.infosystemes.www.auteurs, Mac Larinett
<maclarinett@scotland.com> ecrivait (wrote) :
<video width="640" height="360" controls="controls">
<source src="Video/Film.mp4" type="video/mp4">
<source src="Video/Film.ogv" type="video/ogg">
<img src="Preview.jpg" alt="" width="640" height="360">
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
dans (in) fr.comp.infosystemes.www.auteurs, Mac Larinett ecrivait (wrote) :
<video width="640" height="360" controls="controls"> <source src="Video/Film.mp4" type="video/mp4"> <source src="Video/Film.ogv" type="video/ogg"> <img src="Preview.jpg" alt="" width="640" height="360"> 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
Cordialement, -- Stéphane Moriaux avec/with iMac-intel 27" & Mac OS X 10.6.8
SAM
Le 29/03/13 16:08, Mac Larinett a écrit :
In article , Eric Demeester wrote:
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
Le 29/03/13 16:08, Mac Larinett a écrit :
In article <8a9bl8pvkg4mavaoiqrk3n95fevar7lite@4ax.com>,
Eric Demeester <eric@grosnaze.org.invalid> wrote:
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
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
dans (in) fr.comp.infosystemes.www.auteurs, SAM ecrivait (wrote) :
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
dans (in) fr.comp.infosystemes.www.auteurs, SAM
<stephanemoriaux.NoAdmin@wanadoo.fr.invalid> ecrivait (wrote) :
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.
dans (in) fr.comp.infosystemes.www.auteurs, SAM ecrivait (wrote) :
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
In article , Eric Demeester wrote:
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
In article <vvmbl8pl3ec9c6m9jvpf0vakbie8d5eria@4ax.com>,
Eric Demeester <eric@grosnaze.org.invalid> wrote:
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
Je vais tenir le plus grand cas de vos conseils, à Mac et toi.
Ici : <http://html5demo.braincracking.org/demo/video.php> 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
dans (in) fr.comp.infosystemes.www.auteurs, SAM ecrivait (wrote) :
Ici : <http://html5demo.braincracking.org/demo/video.php> 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
dans (in) fr.comp.infosystemes.www.auteurs, SAM
<stephanemoriaux.NoAdmin@wanadoo.fr.invalid> ecrivait (wrote) :
Ici : <http://html5demo.braincracking.org/demo/video.php>
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 ».
dans (in) fr.comp.infosystemes.www.auteurs, SAM ecrivait (wrote) :
Ici : <http://html5demo.braincracking.org/demo/video.php> 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 ».
