• The Joby Gorillapod, ou le pied articulé, vu chez nos amis de TrendsNow. Très intéressant le concept.
  • Vous avez le droit de voter, si vous y trouvez un intéret bien entendu, aux quelques tutoriels que j’ai proposé sur le site TutMarks. A savoir Vidéo Flash, Sélecteur :hover sous IE, et d’autres encore. Pour voter, il suffit de cliquer sur le chiffre à la gauche du titre.

Gorillapod

Je viens de mettre à jour le tutoriel concernant l’insertion d’une vidéo dans une page web. A présent un seul fichier suffit à la mise en place de ce fameux lecteur vidéo flv (fini les skins minables de Macromédia d’Adobe).

A bon entendeur…

Exemple de lecteur vidéo.

Je viens de tomber la dessus. Il s’agit d’un mini tutorial en 10 étapes sur le positionnement CSS. C’est très clair, pas compliqué du tout, et bien imagé. Qui dit mieux?

Learn CSS Positioning in Ten Steps

Cameron Olthuis nous propose son Top 10 des tutorials CSS. Cela va des gabarits de page, aux galeries photos, en passant par les angles arrondis… Tout simplement indispensable.

Cameron Olthuis - Top 10 des tutos CSS

MAJ : 21/01/2007 (Nouveau lecteur)

Exemple :

Tout d’abord il faut encoder votre vidéo (Avi, Mpeg, Quicktime, Wmv) en Flv (Flash Video). Pour cela il existe un logiciel gratuit : Riva Flv Encoder.Une fois le logiciel installé et lancé, il vous faudra paramétrer les différentes options, à savoir :

  • La vidéo de départ (1)
  • La vidéo de sortie au format FLV (2)
  • La résolution de la vidéo (3)
  • Le framerate (Image/seconde) (4)
  • Le bitrate vidéo (Kbit/seconde) (5)
  • Le bitrate audio (Kbit/seconde) (6)

Une capture de mes paramètres au cas où :

Riva

Il existe d’autres logiciels permettant de faire cet encodage. Si Riva ne vous satisfaisait pas, je vous conseille l’excellent Total Video Converter.

Pour les utilisateurs Mac désirant générer une vidéo au format flv, je conseille cet excellent tutoriel : http://ffmpegx.com/fr/flv.html.

Le plus dur est fait. Vous pouvez à présent mettre en place le lecteur vidéo dans votre page internet. Téléchargez et décompressez, à l’aide d’un logiciel de décompression (Winrar ou autre), le fichier flvplayer.rar qui contient le lecteur vidéo flvplayer.swf.

Copiez ce fichier (flvplayer.swf) à la racine de votre site, et la vidéo flv dans un répertoire de votre choix (à la racine même, dans un sous-répertoire nommé /video/, …).

Il vous suffit à présent de copier ce code dans votre page internet :


<object type="application/x-shockwave-flash" data="http://site.fr/flvplayer.swf?file=http://site.fr/test.flv&autoStart=false" width="400" height="300"><param name="movie" value="http://site.fr/flvplayer.swf?file=http://site.fr/test.flv&autoStart=false" /></object>

en remplaçant test.flv par le répertoire et le nom de votre vidéo (exemple : repertoire_video/ma_video.flv ou http://www.votre-site.com/votre-video.flv), en mettant true ou false au paramètre autoStart (lancement automatique de la vidéo ou non), et en indiquant les bonnes dimensions de votre vidéo (largeur/width et hauteur/height).

N’hésitez pas à partager votre expérience en postant un commentaire avec le lien vers votre vidéo. Amusez-vous bien…

Plus de fonctionnalité (plein écran, playlist, …) dans ce fichier http://www.nikohk.com/files/flash_flv_player.zip.

Visitez le site de l’auteur : http://www.jeroenwijering.com