Integrer du QuickTime dans un site

Julien Gautier <julien.gautier@wanadoo.fr> wrote:

- si je n'utilise que QT, j'ai une très bonne qualité, mais je ne sais
pas si l'on peut (ni comment) "habiller" la video facilement dans le
cadre d'une page htrml...
Peut-on par ex. se débrouiller pour afficher la video dans un
encadrement personnalisé, ajouter des boutons perso pour la controler
(play/stop), etc. ?
Où trouver des infos sur la manière d'intégrer du QT dan une page web ?

Le logiciel Pageot (1) sera ton ami pour insérer facilement du QT dans
du HTML. J'ai un tutoriel (2) sur ce sujet sur mon site vidéo (voir les
liens plus bas).

Par contre dans une page web, tu ne pourras pas personnalisé les
boutons. Tu peux le faire pour un film QT lisible dans Qt player (voir
Personnalisation interface QT (3)) et encore pour le faire avec la
gestion des boutons il faut utiliser des outils interactif pro genre
LiveStage.

- je me suis tourné vers flah mx : là, l'interface est totalement
personnalisable, mais par contre je ne parviens pas à avoir une qualité
video équivalente à du QT "pur" (et loin de là...).

Et en plus il faut le plug-in Flash qui va bien pour le client...


Perso je suis plus restrictif encore pour mes films, j'ai plutot
tendance a "sacrifier" l'esthétique pour favoriser la compatibilité.

J'utilise plutot un film MPEG-1 (en poussant un peu le débit et la
qualité lors de l'encodage c'est propre pour le web même à 200%).
Ensuite je l'inclus en HTML avec des balises MEPG/VIDEO basique ce qui
rend la page compatible QT 2.5 et plus et Windows Media Player 6.2 et
plus : du coup ça ratisse plus large coté éxigeance minimale pour le
client.

Evidemment l'interface de lecture sera celle de l'environnement
multimédia du client (QT ou WMP). Lais ça présente l'avantage qu'il
s'agit d'une interface connu de l'utilisateur, donc simple et que 97%
des clients n'ont rien à charger pour voir les vidéos.

Liens
-----------------------------------------------------------
(1) Pageot :
<http://qtbridge.com/pageot/pageot.html>
(2) Mon tutoriel QT et HTML :
<http://www.garage-video.fr.st/quicktime/internet.html>
(3) Habillage de film :
<http://www.garage-video.fr.st/quicktime/qtskin.html>

des tutoriels pour QT, Flash et LiveStage :
<http://qtbridge.com/Tutor.html>

--
Pierre-Alain Dorange

Vidéo, DV et QuickTime pour Mac <www.garage-video.fr.st>
Clarus, the DogCow <www.clarus.mac-fan.com>

Pierre-Alain Dorange <phpinfo.pas-de-pub-merci@mac.com> wrote:

Julien Gautier <julien.gautier@wanadoo.fr> wrote:

- si je n'utilise que QT, j'ai une très bonne qualité, mais je ne sais
pas si l'on peut (ni comment) "habiller" la video facilement dans le
cadre d'une page htrml...
Peut-on par ex. se débrouiller pour afficher la video dans un
encadrement personnalisé, ajouter des boutons perso pour la controler
(play/stop), etc. ?
Où trouver des infos sur la manière d'intégrer du QT dan une page web ?

Le logiciel Pageot (1) sera ton ami pour insérer facilement du QT dans
du HTML. J'ai un tutoriel (2) sur ce sujet sur mon site vidéo (voir les
liens plus bas).

Bon. Et ceci permet-il par ex. de cadrer correctement le movie sur la
page web ?

Par contre dans une page web, tu ne pourras pas personnalisé les
boutons. Tu peux le faire pour un film QT lisible dans Qt player (voir
Personnalisation interface QT (3)) et encore pour le faire avec la
gestion des boutons il faut utiliser des outils interactif pro genre
LiveStage.

Ok.
Avec Golive, on peut faire en sorte que le controleur ne s'affiche pas :
ne peut-on pas alors utiliser des boutons perso pour déclencher/stopper
la lecture, via des "actions" par ex. ?

- je me suis tourné vers flah mx : là, l'interface est totalement
personnalisable, mais par contre je ne parviens pas à avoir une qualité
video équivalente à du QT "pur" (et loin de là...).

Et en plus il faut le plug-in Flash qui va bien pour le client...

Eh oui...

Perso je suis plus restrictif encore pour mes films, j'ai plutot
tendance a "sacrifier" l'esthétique pour favoriser la compatibilité.

J'utilise plutot un film MPEG-1 (en poussant un peu le débit et la
qualité lors de l'encodage c'est propre pour le web même à 200%).

Avec quoi génères-tu ce fichier MPEG (et mieux : avec quels
débits/qualité) ?

QT ne le fait pas je crois... Le fameux outil unix alors ?

Pas de souci avec le son (car j'ai aussi du son avec) ?

Ensuite je l'inclus en HTML avec des balises MEPG/VIDEO basique ce qui
rend la page compatible QT 2.5 et plus et Windows Media Player 6.2 et
plus : du coup ça ratisse plus large coté éxigeance minimale pour le
client.

Ok.

Evidemment l'interface de lecture sera celle de l'environnement
multimédia du client (QT ou WMP). Lais ça présente l'avantage qu'il
s'agit d'une interface connu de l'utilisateur, donc simple et que 97%
des clients n'ont rien à charger pour voir les vidéos.

Ok.

Liens
-----------------------------------------------------------
(1) Pageot :
<http://qtbridge.com/pageot/pageot.html>
(2) Mon tutoriel QT et HTML :
<http://www.garage-video.fr.st/quicktime/internet.html>
(3) Habillage de film :
<http://www.garage-video.fr.st/quicktime/qtskin.html>

des tutoriels pour QT, Flash et LiveStage :
<http://qtbridge.com/Tutor.html>

Merci beaucoup, j'y vais dès que possible.

Puis-je me permettre de te recontacter pour d'autres précisions ?
Merci encore.

Je bute sur l'alternative suivante :

- si je n'utilise que QT, j'ai une très bonne qualité, mais je ne sais
pas si l'on peut (ni comment) "habiller" la video facilement dans le
cadre d'une page htrml...
Peut-on par ex. se débrouiller pour afficher la video dans un
encadrement personnalisé, ajouter des boutons perso pour la controler
(play/stop), etc. ?

La version pro de Quicktime player permet de faire plein de chose.
D'ailleur voici un exemple de ce que l'on peut faire (peut-être en
utilisant aussi d'autre outils) :
http://www.apple.com/quicktime/gallery/mpeg4.html (en bas à gauche).
C'est du MPEG4 (quicktime 6), mais quicktime permettait aussi de le
faire avant.

Jette un coup d'¦uil sur http://www.apple.com/quicktime/tools_tips

- je me suis tourné vers flah mx : là, l'interface est totalement
personnalisable, mais par contre je ne parviens pas à avoir une qualité
video équivalente à du QT "pur" (et loin de là...).

Flash MX peut-il produire une animation flash avec de la video de haute
qualité ? si oui, comment faites-vous ?

Sûrement, mais pour plus d'infos voir sur des forums spécifique (par
forcément pour mac, flash est universel).

--
Schmurtz

Julien Gautier <julien.gautier@wanadoo.fr> wrote:

Avec quoi génères-tu ce fichier MPEG (et mieux : avec quels
débits/qualité) ?

Le plus souvent Cleaner 6 qui permet de personnaliser à souhait
l'encodage (sinon ffmpegx est bien aussi et gratuti surtout mais parfois
capricieux).

Le plus souvent mes intégrations mpeg/html sont destiné a mettre sur un
CD (présentation) donc je me focalise sur le débit théorique de CDx4 (ce
qui me permet de supporter les lecteurs CD un peu ancien).
Pour internet il te faut choisir une cible et te réserver une marge pour
choisir ton débit.

ex. disons que tu vises de l'ADSL 128 et que tu veux du quasi "temps
réel". le débit max théorique est de 128 Kbit/s, gardons une petite
marge : 100 Kbit/s (12,5 Ko/s).

Avec un tel débit je ne dépasserait pas la résolution 160x120 pixels en
15 fps. Avec ces paramètres ça nous fait 0,833 Ko/image (12,5 / 15), ce
qui n'est pas bien lourd...

le tout est de bien choisir son débit cible et d'ensuite sur papier avec
sa petite calculette préféré de jongler avec les paramètres du débit :
dimensions, fps, couleurs, etc... puis ensuite de faire quelques tests.

Pour du 320x200 pixels en 25 fps, il faut au moins un débit de 300 Ko/s
pour obtenir un résultat "correct".
Si tu veux cette qualité (300 ko/s) pour internet, si ton client est en
ADSL 128, il lui faudra patienter 24 fois la durée du film pour pouvoir
commencer à le jouer... Ca se complique...

-----------------------------------------------------------
*** Attention : un peu de maths appliqué à la vidéo ***
-----------------------------------------------------------
Un "bon" système de calcul (que j'utilise), c'est de :

1/ Choisir son débit cible DC (ex. CDx4 : 3000 ko/s ou ADSL 128 : 12,5
ko/s)
2/ Choisir une temps d'attente autorisé pour le chargement : ex. 2 fois
la durée du film (ou temps réel < 1 fois la durée du film), cela donne
un coefficient "C"
3/ Choisir une qualité MPEG désirée, soit approximativement :
Très bonne qualité : ratio Q=1/3 (0,333)
Bonne Qualité : ratio Q=1/5 (0,25)
Moyenen qualité : ratio Q=1/8 (0,125)
Mauvaise qualité : ratio Q=1/12 (0,083)

D'un autre coté donnons nous les paramètres X,Y pour définir la taille
du film en pixels ainsi que F, le nombre d'images par secondes.

Note : pour du MPEG il faut que X,Y soit des multiples de 16 me
semble-t-il (ou 8 je sais plus exactement).

on peut alors poser que le Débit Théorique DT (on ne tiens pas compte
des couleurs pour simplifier) est DT = X * Y * F

le Ratio Q de compression nous donne :

DC * C = DT * Q, soit DT = DC*C/Q

Faire le calcul :
DC*C/Q
par exemple ADSL 128, 2 fois le temps de chargement, qualité moyenne, on
aura
DT = 12,5 * 2 / 0,125 = 200 Ko

soit X*Y*F = 200*1024 = 204800 octects

Reste plus qu'a résoudre X,Y et F pour obtenir les paramètres adéquat a
nos besoins... C'est un peu compliqué comme ça mais dans la pratique
c'est plutot simple.

on peu paufiner en posant :

X = 8*X'
Y = 8*Y' (pour prendre en compte la spécificité MPEG)
et aussi
X = 4/3 * Y (si on a afaire à un ratio image classique de 4:3).

on a alors :
4/3*Y*Y*F ou encore 4/3*8*Y'*8*Y', soit 4/3*64*Y'*Y' = 204800
on obtient alors Y*Y*F$00 et Y et F doivent être des valeurs entières.
Testons avec quelques valeurs de F :

F = 8 fps, Y',32 (17), Y = 8*17 = 136, X = 4/3 * 136 = 181
F = 10 fps, Y',49 (15), Y = 8*15 = 120, X = 4/3 * 120 = 160
F = 12 fps, Y',14 (14), Y = 8*14 = 112, X = 4/3 * 112 = 149
F = 15 fps, Y',64 (12), Y = 8*12 = 96, X = 4/3 * 96 = 128

Evidement on obtient pas des résultats exacts pour X (non multiple de 8)
mais on ajuste au plus près.
On choisit la combinaison qui "colle" le mieux au film, si c'est des
plans avec beaucoup d'action on favorisera un F élévé (ce qui réduira
les dimensions), pour des plans "calmes" on choisira F faible.

Ici je choisit par exemple (X,Y) = (180x136 pixels à 8 fps).

Ce mode de calcul est valable pour tout les Codecs, il faut juste
ajuster le ratio Q qui dépend fortement du codec (ici Q est donné par
mon expérience pour du MPEG-1).

une autre voie a explorer c'est le DivX (ou MPEG-4) mais ça reste une
solution encore trop aléatoire a mon gout (mais de meilleure qualité).

Liste des débits a utilser suivant le média :
<http://www.garage-video.fr.st/spec/supports.html>

QT ne le fait pas je crois... Le fameux outil unix alors ?

Pas de souci avec le son (car j'ai aussi du son avec) ?

Pour le son j'utilise dans ce cas le codec MP3 qui est aussi compatible
QT et WMP.

--
Pierre-Alain Dorange

Vidéo, DV et QuickTime pour Mac <www.garage-video.fr.st>
Clarus, the DogCow <www.clarus.mac-fan.com>

Pierre-Alain Dorange <phpinfo.pas-de-pub-merci@mac.com> wrote:

(...)
Ce mode de calcul est valable pour tout les Codecs, il faut juste
ajuster le ratio Q qui dépend fortement du codec (ici Q est donné par
mon expérience pour du MPEG-1).

Merci beaucoup pour ces explications très claires et très détaillées :
j'archive cela en lieu sûr !

une autre voie a explorer c'est le DivX (ou MPEG-4) mais ça reste une
solution encore trop aléatoire a mon gout (mais de meilleure qualité).

Pourquoi aléatoire ? (car en effet la qualité est vraiment bonne)

Merci pour tout.
J'étudie tout cela et reviendrait éventuellement poser d'autres
questions.

Schmurtz <moi@ici.com> wrote:

- si je n'utilise que QT, j'ai une très bonne qualité, mais je ne sais
pas si l'on peut (ni comment) "habiller" la video facilement dans le
cadre d'une page htrml...
Peut-on par ex. se débrouiller pour afficher la video dans un
encadrement personnalisé, ajouter des boutons perso pour la controler
(play/stop), etc. ?

La version pro de Quicktime player permet de faire plein de chose.
D'ailleur voici un exemple de ce que l'on peut faire (peut-être en
utilisant aussi d'autre outils) :
http://www.apple.com/quicktime/gallery/mpeg4.html (en bas à gauche).

ok, j'ai vu. Mais cela ne répond pas vraiment à ce que je demandais :
les liens sur cette page ouvrent le player...
Par contre la qualité est en effet excellente.

C'est du MPEG4 (quicktime 6), mais quicktime permettait aussi de le
faire avant.

Jette un coup d'½uil sur http://www.apple.com/quicktime/tools_tips

Merci je vais lire cela.

Pascal Bezou <pbezou@EnTrop.makiciel.com> wrote:

1/ Choisir son débit cible DC (ex. CDx4 : 3000 ko/s

Et pour ceux qui n'ont pas le "turbo lecteur CD de la mort qui tue" de
Pierre-Alain, CDx4 = 600 Ko/s ;-)
Bien sûr c'est la vitesse maximale théorique, en pratique il faut
compter 300 Ko/s pour un CDx4 en visant les platformes PC et Mac (un peu
plus si on ne vise que les Mac).

C'est effectivement une erreur de frappe, il fallait lire 300 ko/s, voir
la liste des débits utile sur mon site vidéo :
<http://www.garage-video.fr.st/spec/supports.html>

merci d'avoir noté cette erreur...
--
Pierre-Alain Dorange

Vidéo, DV et QuickTime pour Mac <www.garage-video.fr.st>
Clarus, the DogCow <www.clarus.mac-fan.com>

Julien Gautier <julien.gautier@wanadoo.fr> wrote:

une autre voie a explorer c'est le DivX (ou MPEG-4) mais ça reste une
solution encore trop aléatoire a mon gout (mais de meilleure qualité).

Pourquoi aléatoire ? (car en effet la qualité est vraiment bonne)

Parce que le DivX est une norme biaisé qui pose de nombreux problèmes de
compatibilité Mac/PC notamment et que le MPEG-4 n'est que fort peu
répandut (hors QT) et donc la compatibilité avec les utilisateurs PC est
par au rendez-vous... Contrairement au MPEG-1.

Aléatoire, car certains DivX bien encodé sont compatible MPEG-4 (donc
QT) mais c'est pas souvent le cas, et que le codec DivX ne lis pas tout
les MPEG-4 non plus.
--
Pierre-Alain Dorange

Vidéo, DV et QuickTime pour Mac <www.garage-video.fr.st>
Clarus, the DogCow <www.clarus.mac-fan.com>

Pierre-Alain Dorange <phpinfo.pas-de-pub-merci@mac.com> wrote:

Julien Gautier <julien.gautier@wanadoo.fr> wrote:

une autre voie a explorer c'est le DivX (ou MPEG-4) mais ça reste une
solution encore trop aléatoire a mon gout (mais de meilleure qualité).

Pourquoi aléatoire ? (car en effet la qualité est vraiment bonne)

Parce que le DivX est une norme biaisé qui pose de nombreux problèmes de
compatibilité Mac/PC notamment et que le MPEG-4 n'est que fort peu
répandut (hors QT) et donc la compatibilité avec les utilisateurs PC est
par au rendez-vous... Contrairement au MPEG-1.

Aléatoire, car certains DivX bien encodé sont compatible MPEG-4 (donc
QT) mais c'est pas souvent le cas, et que le codec DivX ne lis pas tout
les MPEG-4 non plus.

D'accord, c'est clair : à éviter donc.

Par contre, autre question : j'ai essayé d'encoder mon film (PAL, 25fps)
en MPEG-1 via Cleaner 6, mais je n'ai pas vu/compris comment y inclure
le son....

Le fichier exporté est donc muet.

Qu'ai-je loupé ?

Sinon, bravo pour ton site sur QT : il va beaucoup me servir.

Julien Gautier <julien.gautier@wanadoo.fr> wrote:

D'accord, c'est clair : à éviter donc.

A éviter si tu veux cibler "large". Si obliger ton auditoire a utiliser
QT6 ne te gène pas, autant utiliser du bon MPEG-4 bien propre.

Par contre, autre question : j'ai essayé d'encoder mon film (PAL, 25fps)
en MPEG-1 via Cleaner 6, mais je n'ai pas vu/compris comment y inclure
le son....

J'ai pas Cleaner sous la main mais il y aun onglet "Audio" si je me
souviens bien.
Pour créer du MPEG-1 pour CDx4 par exemple je suis parti de la template
VCD PAL que j'ai modifié (légère monter le débit et modifier l'audio)
pour faire ma template perso, idem pour de l'ADSL.

[...]
Sinon, bravo pour ton site sur QT : il va beaucoup me servir.

Merci.
mais le site est un peu en panne depuis quelques mois, je n'ai plus
beaucoup de temps. D'ailleurs si certains on envie de proposer leurs
expériences ou conseils, ou des tutoriels iMovie 3, je suis preneur ;-)

--
Pierre-Alain Dorange

Vidéo, DV et QuickTime pour Mac <www.garage-video.fr.st>
Clarus, the DogCow <www.clarus.mac-fan.com>