Aller au contenu


Photo

Le "Clic To Play"


  • Veuillez vous connecter pour répondre
13 réponses à ce sujet

#1 Invité

Invité

    Maître

  • Membres
  • PipPipPipPipPip
  • 700 messages

Posté 12 juillet 2004 - 00:22

Comment fait-on pour insérer une image à cliquer dans une vidéo QuickTime destinée au web. Par exemple, le fameux "Clic to play" des trailers... Y a-t-il un script à intégrer à la séquence ? Comment intégrer l'image ? Quelqu'un sait-il faire cela ?
Merci d'avance.

Nogoroth

#2 Invité

Invité

    Maître

  • Membres
  • PipPipPipPipPip
  • 700 messages

Posté 12 juillet 2004 - 11:46

je pense qu'il faut le faire à partir d'un éditeur HTML
Mais tu auras ttes les réponses sur ce site repaire.net

#3 Invité

Invité

    Maître

  • Membres
  • PipPipPipPipPip
  • 700 messages

Posté 18 juillet 2004 - 12:43

Ben en fait Articia, sur l'adresse que tu m'as donné, il s'agit d'infos concernant le streaming... Mais rien sur un éventuel code à entrer.

Je cherche desespérément ce code ou même un site qui parle de la chose. Impossible de trouver. sad.gif

Nogoroth

#4 Invité

Invité

    Maître

  • Membres
  • PipPipPipPipPip
  • 700 messages

Posté 18 juillet 2004 - 16:33

Je viens de faire un essai avec dreamweaver et le code Quicktime qui est donné sur le site

(.qtl / .mov / .mpg / .mp4 / .mp3) 

<EMBED TYPE="video/quicktime "  SRC="http://media.monserv...edia.mov?embed"

WIDTH="320" HEIGHT="240" AUTOPLAY="true" CONTROLLER="false">

</EMBED>

Tu utilises quoi comme éditeur htlm.?
Si non sur dream tu as l'onglet media tu choisis ActiveX , il ouvre une balise "Objet" dans laquelle tu incères le code et euh.... tu fais contrôle clik sur la cible activex affichée dans la page et tu lui indiques la source vidéo...
Ici ça fonctionne mais je vais essayer de mettre la page en ligne pour être sur!

Le script de ma page:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>videofestin</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<object width="32" height="32">
<EMBED TYPE="video/quicktime "  SRC="bafestin.mov?embed"

WIDTH="320" HEIGHT="240" AUTOPLAY="true" CONTROLLER="false"> </EMBED> </object>
</body>
</html>

#5 Invité

Invité

    Maître

  • Membres
  • PipPipPipPipPip
  • 700 messages

Posté 18 juillet 2004 - 21:42

Donc voilà ça fonctionne et ce n'est pas du streaming..
(Je recupère mon .mov en faisant contrôle clik sur le film)
La seule chose c'est que je n'ai pas quicktime pro sur mac os 9 et je ne peux donc pas aller plus loin...
Mais pour avoir un exemple de script, tu vas sur le site Appel trailers
Et du clik sur un des lien de film proposé...Quand tu es sur la page d'un de ces film tu vas dans le menu " Affichage" et dans le fond et tu choisis " Source"
Une page va s'ouvrir avec tt le code htlm de la page
Bonne chance biggrin.gif

#6 Invité

Invité

    Maître

  • Membres
  • PipPipPipPipPip
  • 700 messages

Posté 18 juillet 2004 - 23:54

Pfoouuuh !!! Ca fait beaucoup de choses que tu me dis là ! laugh.gif

J'ai lu et relu (plein de fois !) tout ce que tu m'as dit et la question que je me ne pose plus maintenant, c'est de savoir si la fameuse image que l'on clique pour lancer la séquence est intégrée ou non à la séquence QT. La réponse, c'est non, puisque quand on télécharges le film, elle n'apparait pas. Conclusion : Cette image est quelque part dans le code HTML. Mais en cherchant dans moult "apple trailers", je ne l'ai pas trouvée.

Dans les informations que tu m'as donné, si j'ai tout suivi, tu m'as d'abord expliqué l'intégration d'une séquence dans une page web et donc les script qui me permettent d'"embedder" (valeurs true or false pour tel ou tel option QuickTime) ma vidéo QT. Mais je n'ai pas vraiment réussi à suivre la suite.

Comme tu me l'as dit, je suis allé voir dans le code source des pages contenant ces fameuses vidéos... Mais j'ai pas trouvé. Si tu peux me montrer le code d'une page contenant uine vidéo, et son image à cliquer, ca serait génial.

On pourrait, pour simplifier, transformer la question de base en ceci :
Imaginons que l'on veuille reproduire la page web The Polar Express Trailer (Medium) à partir d'une page vierge. Quel code me permet de charger la page avec l'image à cliquer "Click To Play" sur la séquence.

Mystère mystère... unsure.gif

Nogoroth

#7 Invité

Invité

    Maître

  • Membres
  • PipPipPipPipPip
  • 700 messages

Posté 19 juillet 2004 - 10:20

QUOTE
tout ce que tu m'as dit et la question que je me ne pose plus maintenant, c'est de savoir si la fameuse image que l'on clique pour lancer la séquence est intégrée ou non à la séquence QT. La réponse, c'est non, puisque quand on télécharges le film, elle n'apparait pas. Conclusion : Cette image est quelque part dans le code HTML.


Oui l'image sert juste de bouton pour atteindre le film

QUOTE
Dans les informations que tu m'as donné, si j'ai tout suivi, tu m'as d'abord expliqué l'intégration d'une séquence dans une page web et donc les script qui me permettent d'"embedder" (valeurs true or false pour tel ou tel option QuickTime) ma vidéo QT. Mais je n'ai pas vraiment réussi à suivre la suite.


Oui donc il s'agit du code de la page ou se trouve le film
Je m'explique ... soit tu fais une page avec un bouton pour que le film s'ouvre sur cette même page soit tu fais un bouton pour qu'il l'ouvre dans une autre page...

Alors ce que je ne sais pas c'est comment faire le petit curseur sous la vidéo qui permet d'avancer ou de stopper etc. le film... Je pense plutôt qu'il faut le faire avec quicktime mais ça je sais pas du tt...
Mais en revanche, le code que je t'ai donné fonctionne...
Je ne l'avais jamais fait mais j'ai lu sur le site de streaming que ça fonctionnait avec la fonction "Activex" j'ai donc ouvert Dreamweaver et je suis allée dans l'onglet " Media" là se trouve un bouton "Activex " tu clik dessus il va s'afficher dans la page!
Tu regardes le code et tu vois qu'il a ouvert une balise "Objet" alors entre les deux <objet et objet> tu inserts le code trouvé sur le site...
Ensuite tu retournes sur la page et le petit logo carré activex et tu contrôle clik dessus!
Et tu lui indiques le film .mov que tu veux qu'il lance...
Si tu as dream et que tu as quelques notions tu devrais t'en sortir par contre si tu ne sais pas du tt ce que je veux dire, ça va être plus compliqué...Je pourrai tj t'envoyer des images de pas par pas via mail...

QUOTE
On pourrait, pour simplifier, transformer la question de base en ceci :
Imaginons que l'on veuille reproduire la page web The Polar Express Trailer (Medium) à partir d'une page vierge. Quel code me permet de charger la page avec l'image à cliquer "Click To Play" sur la séquence.


Bon le mieux est de chercher un tuto...

#8 Invité

Invité

    Maître

  • Membres
  • PipPipPipPipPip
  • 700 messages

Posté 19 juillet 2004 - 10:57

Alors il y a ceci qui a l'air pas mal http://www.qtbridge....or/tutor01.html
il s'agit du tuto d'un petit programme que tu peux télécharger ici... http://www.qtbridge....eot/pageot.html

Un partenaire mac et video, http://alcazar.xbeco...4-internet.html

#9 Invité

Invité

    Maître

  • Membres
  • PipPipPipPipPip
  • 700 messages

Posté 24 juillet 2004 - 23:49

Bon, alors je n'ai toujours pas eu le temps de faire mes tests... Donc je reviens juste pour dire que je suis vivant. Et je crois que j'ai une piste. Je comprends beaucoup plus les choses... avec ce que tu m'a dis et en me plongeant dans le code.

D'abord, j'ai oublié de te dire que j'utilise aussi Dreamweaver... Donc ca va... Et je connais un peu Pageot, mais juste un peu. Et effectivement ca a l'air très utile pour monter ce genre de code. Je vais donc me pencher sur Pageot et ActiveX... smile.gif

Mais concernant le code, en me plongeant dans celui de l'Apple trailer du Polar Express par exemple, j'ai pu lire ceci...
QUOTE
<OBJECT CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" WIDTH="320" HEIGHT="152" CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab#version=6,0,2,0">
   <PARAM NAME="controller" VALUE="FALSE">
   <PARAM NAME="type" VALUE="video/quicktime">
   <PARAM NAME="autoplay" VALUE="true">
   <PARAM NAME="target" VALUE="myself">
   <PARAM NAME="src" VALUE="http://movies.apple.com/trailers/wb/the_polar_express/trailer/images2/express_videowindow_medium.mov">
   <PARAM NAME="HREF" VALUE="http://movies.apple.com/movies/wb/the_polar_express/the_polar_express-tlr_320.mov">
   <PARAM NAME="pluginspage" VALUE="http://www.apple.com/quicktime/download/indext.html">
   <EMBED WIDTH="320" HEIGHT="152" CONTROLLER="FALSE" SRC="http://movies.apple.com/trailers/wb/the_polar_express/trailer/images2/express_videowindow_medium.mov" HREF="http://movies.apple.com/movies/wb/the_polar_express/the_polar_express-tlr_320.mov" type="video/quicktime" TARGET="myself" BGCOLOR="#000000" BORDER="0" PLUGINSPAGE="http://www.apple.com/quicktime/download/indext.html"></EMBED></OBJECT>

... et comprendre ceci :

Toute la clef est en fait entre les balises <EMBED> comme tu me l'a montré. Sauf que dans tes codes, il n'y avait pas le bouton. Chaque Apple Trailer est en fait composé de deux vidéos .MOV. La première est donc une image 'Click To PLay' (dans le code source en SRC : SRC=" http://movies.apple....ndow_medium.mov "), et la deuxième, c'est la bande annonce, la vraie (dans le code en HREF : HREF=" http://movies.apple....ess-tlr_320.mov "). Le reste paramètre l'objet comme toutes les balises <EMBED>. Le détail, c'est que le HREF n'est qu'un lien et pas une source.

C'est donc là le secret du Click To PLay, à ce que j'ai pu comprendre.

Ne reste plus qu'à tester de mon côté. Je vais essayer avec Dreamweaver et Pageot en me penchant sur les adresses que tu m'as donnée... merci smile.gif ) et je donnerai les nouvelles. Je sais qu'on peut faire la même chose avec une exportation directement depuis QuickTime Pro en lien de données QT (.QTL). Mais là ce n'est plus une intégration dans une page web (mais ca reste utile pour faire lire deux vidéos en plein écran par exemple). Je reviendrai donc dire si tout fonctionne bien. wink.gif

Nogoroth

#10 Invité

Invité

    Maître

  • Membres
  • PipPipPipPipPip
  • 700 messages

Posté 25 juillet 2004 - 10:37

Ben en fait j'étais trop impatiente et j'ai fait le test avec pageot et ça fonctionne parfaitement.

QUOTE
Toute la clef est en fait entre les balises <EMBED> comme tu me l'a montré. Sauf que dans tes codes, il n'y avait pas le bouton. Chaque Apple Trailer est en fait composé de deux vidéos .MOV. La première est donc une image 'Click To PLay' (dans le code source en SRC : SRC="


Effectivement pour cet essai l'image à cliker était sur une autre page et donc pas dans ce code, ça ne changeait pas grand chose il suffisait de le faire depuis la même page...

Mais bon avec pageot c simplicime, pas de prise de tête suffit de suivre la recette!

QUOTE
Ne reste plus qu'à tester de mon côté. Je vais essayer avec Dreamweaver et Pageot en me penchant sur les adresses que tu m'as donnée... merci  ) et je donnerai les nouvelles. Je sais qu'on peut faire la même chose avec une exportation directement depuis QuickTime Pro en lien de données QT (.QTL). Mais là ce n'est plus une intégration dans une page web (mais ca reste utile pour faire lire deux vidéos en plein écran par exemple). Je reviendrai donc dire si tout fonctionne bien.


Tu utilises pageot et QTpro mais pas forcément dream...
As-tu lu l'espace "Création d'un Stamp Movie" sur http://www.qtbridge....or/tutor01.html ?

(Je ne laisse pas le lien de mon essai sur le forum car il s'agit d'un espace que je reserve aux test et donc qui change souvent et donc inutile mais je peux le filer sur demande)

#11 Invité

Invité

    Maître

  • Membres
  • PipPipPipPipPip
  • 700 messages

Posté 25 juillet 2004 - 22:42

Ca marche ! biggrin.gif

Effectivement, plus besoin de Dreamweaver et de prise de tête dans le code HTML, tout est directement généré dans PAGEot. Merci beaucoup pour le tutorial que tu m'as donné Articia ! Je n'avais pas vu ces aspects là de Pageot et c'est vraiment une app utile !

Il ne me reste plus qu'à tester mes vidéos en ligne... En attendant (quelques jours), je veux bien découvrir quelques-uns de tes essais... smile.gif

Et puisqu'une chose en fait découvrir une autre... smile.gif Voici la nouvelle : la lecture en plein écran dans QT depuis le web. Puisque Pageot là encore semble simplifier le truc, voici une autre question. Je me demande s'il est possible de demander à QT de lancer une vidéo cible depuis la page web directement ou s'il faut obligatoirement télécharger un fichier QTL sur le bureau de l'utilisateur.

Je n'ai pas encore vraiment testé la question, mais j'espère pouvoir répondre sur le sujet en même temps que la mise en ligne de mes essais...

Merci beaucoup pour toutes tes réponses Articia !
Nogoroth

#12 Invité

Invité

    Maître

  • Membres
  • PipPipPipPipPip
  • 700 messages

Posté 26 juillet 2004 - 12:26

QUOTE
Je me demande s'il est possible de demander à QT de lancer une vidéo cible depuis la page web directement ou s'il faut obligatoirement télécharger un fichier QTL sur le bureau de l'utilisateur.


Non il est possible de le faire depuis la page web sans que ça se télécharge sur le bureau.
Il suffit, depuis pageot, de ne pas mettre de stamp, mais la vidéo uniquement, quand tu vas cliker sur le lien la video va s'ouvrir depuis la page web comme une video normal et sans téléchargement.

(J'espère avoir bien compris la question biggrin.gif )

#13 Invité

Invité

    Maître

  • Membres
  • PipPipPipPipPip
  • 700 messages

Posté 26 juillet 2004 - 20:14

Voici donc mon test.
Sur cette page (C'est un extrait d'un live d'Abacab-Genesis)
Le problème est donc résolu !


La vidéo (de très très bas débit) est extraite de ce site http://genesis.m3w.c...flash/main.html

J'ai rapidement testé le lancement d'une vidéo en plein écran. Et comme tu me l'as dis, on peut effectivement lancer la vidéo dans QuickTime depuis la page web, mais Pageot ne permet pas d'écrire le code qui dit à QuickTime de lire la vidéo en plein écran. Il faut le rajouter dans Dreamweaver (quelque chose comme FullScreen="TRUE". Mais pour ca, mes tests n'ont pour l'instant été qu'échec. Autrement, a priori, il doit etre possible d'ordonner à QT de lancer cette vidéo à partir d'une image et non pas d'une vidéo source .MOV. Essayons...

Nogoroth
PS. Au fait, j'ai toujours pas vu tes tests ? biggrin.gif

#14 Invité

Invité

    Maître

  • Membres
  • PipPipPipPipPip
  • 700 messages

Posté 26 juillet 2004 - 20:37

Ben c'est très chouette Bravo! cool.gif

Ok pour l'essai que j'ai fais!



0 utilisateur(s) li(sen)t ce sujet

0 membre(s), 0 invité(s), 0 utilisateur(s) anonyme(s)