tutoriaux - je suis tout entier qu'un coeur qui gronde partout
tutoriaux - je suis tout entier qu'un coeur qui gronde partout
I. SCRIPT VIERGE pour fichiers audio MP3 (interface flash) II. SCRIPT VIERGE pour fichiers audio WAV et WMA (interface windows media player) III. SCRIPTS VIERGES pour vidéos flash A) format ShockWave (.swf) En fait, j'ai juste récupéré le script standard des vidéos youtube. Ca marche bien, mais le pb c'est que ça a tendance à partir en autoplay (la vidéo démarre toute seule) B ) format adobe flash (.flv) IV. SCRIPT VIERGE pour vidéos en formats avi (divx, xvid...) et windows media video (wmv) V. SCRIPT VIERGE pour vidéos en streaming (diffusion en continue, comme les chaînes d'info par ex) ***************** Chapite 1 : insérer de la vidéo hébergée en ligne non téléchargeable (YOUTUBE/DAILYMOTION) Les deux principaux sites de vidéos hébergées en ligne sont "YOUTUBE" (en français : "tu diffuses") et "DAILYMOTION" (en français : film au quotidien). Ces deux sites diffusent leur vidéos en utilisant le format (l' "encapsulage" pour parler avec le vocabulaire informatique adequat) FLASH ( en point .swf) Pour en savoir plus : - page de wikipedia sur Youtube - page de wikipedia sur dailymotion - page de wikipedia sur la technologie "flash" A1) les videos YOUTUBE [principe] La plupart ici savent comment insérer une vidéo "YOUTUBE", mais tout tutorial se doit de rappeller même l'évident. Donc, comment insérer dans un blog une vidéo issue du site youtube ? 1- aller sur le site www.youtube.com (si si ! je vous jure). 2- chercher sa vidéo gâce au moteur de recherche, ou aller sur la page que l'on connait déjà. 3- c'est là que c'est important, cliquer sur la ligne à côté de la vidéo nommée "Embed:" (en dessous de la ligne "URL)" et copier (ctrl+C ou pomme C) le contenu de cette ligne. INFO : le contenu de cette ligne est ce qu'on appel un script. C'est à dire ni plus ni moins qu'une ligne de commande en mode texte, qui sera interprétée par l'éditeur HTML comme un "ordre" à exécuter. En l'occurence, ici, insérer une vidéo. 4- cliquer dans votre blog sur "écrire". IMPORTANT : rester sur l'éditeur normal ("ancien éditeur HTML"). 5- coller le contenu de la ligne du site youtube. 6- valider. La vidéo est insérée dans le blog. Si besoin est, on pourra toujours éditer le message pour centrer la vidéo par exemple. On peut aussi corriger sa taille sous le nouvel éditeur html. A2) les videos YOUTUBE [Exemple appliqué] 1- Pour cet exemple, on va prendre la vidéo présente à la page "http://fr.youtube.com/watch?v=vOlKg9sIc2k" de youtube. Il s'agit d'une vidéo démontrant que l'on peut hacker du HD-dvd 2- On trouve la ligne "embed" et on copie le contenu de cette ligne. 3- on retourne sur l'onglet "écrire" de notre blog 4- on colle le contenu de la ligne copiée. Ici le contenu de cette ligne, correspond au script suivant : 5- on enregistre le post. Voilà, la vidéo est insérée : ____ LE SCRIPT COLLE DANS L'ANCIEN EDITEUR HTML ____ - ____ RESULTAT : LA VIDEO EST INSEREE ____ *************************** B1) les videos DAILYMOTION [principe et couille rencontrée] Alors... c'est là que les Athéniens s'attégnirent et que les Corses se corsérent. Car ça ne vas pas être si simple. Donc : 1- On commence la même procédure que pour les vidéos Youtube. Pour faciliter la compréhension, on va ici faire directement l'exemple appliqué. Donc pour notre exemple, j'ai choisi une vidéo sous le site www.dailymotion.fr que l'on trouvera à l'adresse http://www.dailymotion.com/video/x1b4my_custom-thx-trailer 2- comme pour les vidéos youtube, on trouve le script (ici il se situe dans la ligne nommée "Embeddable Player:" On copie cette ligne qui ici recouvre le script : 3- D'emblée on est tenté -en toute logique- de coller ce script, puis de valider en pensant que la vidéo sera insérée aussi facilement que celles issues du site youtube. 4- Mais... PAN ! voici ce qu'il se passe quand on tente d'insérer une video dailymotion dans un blog de www.blog.fr : Un beau message d'erreur nous indiquant que l'éditeur html de blog.fr refuse de rendre possible la vision de la vidéo en plein écran. Bon... alors qu'est-ce que l'on fait devant cette couille dans le potage ? N'étant pas du tout informaticien, et n'ayant pas écrit de ligne de commande depuis les temps antédéliviens du "basic" (5-goto 10 / 10-print"bonjour"), j'ai tenté -en vain- de modifier et d'alléger le script de dailymotion beaucoup plus fourni que celui de youtube. Mais rien à faire. Aussi, un peu sans trop y croire, j'ai essayé de tricher. Et ça a marché! Voici donc ma "recette". Il doit certainement y avoir une façon d'insérer des videos dailymotion plus facilement, mais au moins, ma recette, elle fonctionne sans probléme. Le tout est d'avoir le "tour de main", un peu comme en cuisine. B2) les videos DAILYMOTION [contournement de la difficulté et petit bidouillage facile] 1- Avant tout, comme en cuisine, on va préparer nos ustensiles et nos ingrédients. C'est à dire, et dans l'ordre : _a) avoir à porté de main un script "vierge" youtube. Copiez-le quelque part, sans lui, on ne peut rien faire. Le voici : Le script est "vierge" dans le sens où on a supprimé toute référence à la vidéo originale de youtube et qu'on a remplacé cette référence par XXXXXXXXXXXXXXX. ok ? _b) le site de dailymotion ouvert sur la page qui nous concerne. Pour notre exemple, et pour rappel, il s'agira de http://www.dailymotion.com/video/x1b4my_custom-thx-trailer _c) dans une deuxiéme fenêtre (ou un deuxiéme onglet si on utilise firefox ou opéra, enfin bref, un navigateur mieux foutu que internet explhorreur), on aura ouvert notre blog sous l'onglet "écrire" et qui est resté dans l'ancien éditeur HTML. 2- Maintenant, on va pouvoir cuisiner... euh, bidouiller un petit peu. Alors : _2a : on colle notre script "vierge" dans l'éditeur HTML (l'ancien donc) de blog.fr _2b : on copie le script du site dailymotion _2c : en passant plusieurs ligne en dessous du script vierge youtube que l'on vient de coller, histoire de s'y retrouver, on va coller le script dailymotion. 3- Histoire de rendre ça plus clair, voici donc ce que ça va donner pour l'instant dans l'éditeur HTML de notre blog : 4- Maintenant, c'est là qu'intervient le "tour de main" : on va rechercher l'appel de la vidéo au sein du script dailymotion. Ca peut paraître difficile comme ça, mais en fait c'est trés facile. "l'appel" de la vidéo, c'est la ligne qui se répéte 2 fois dans le script et qui commence toujours par "http://www.dailymotion.com/swf/" 5- Aprés un rapide coup d'oeil, on le trouve assez facilement. Ici, ce sera donc la ligne "http://www.dailymotion.com/swf/1VzJLcAzSGo779e1c" 6- L'ultime étape (au début c'est chiant, mais à force on le fait facilement), on remplace les "XXXXXXXXXXXXXXX" du script "vierge" issu de youtube par l"appel" de la vidéo dailymotion, dans notre cas "http://www.dailymotion.com/swf/1VzJLcAzSGo779e1c" 7- Ce qui donne : _L'appel de la vidéo DAILYMOTION inséré dans le script "vierge" YOUTUBE_ 8- Une fois copié/collé l'appel de la vidéo dans le script vierge "youtube", on efface le script de dailymotion (sinon ça va évidemment foutre la merde), et on enregistre le poste... et : - _RESULTAT : LA VIDEO EST CORRECTEMENT INSEREE_ ET VOILA !
tutoriaux - MAJ des tutos
tutoriaux - je suis tout entier qu'un coeur qui gronde partout
publié par tonyfun @ lundi, juillet 21, 2008
0 commentaires
Liens vers ce message blog
