4. Ajouter un document, une image, un son, une vidéo…

1. Cadre de téléchargement

SPIP vous offre la possibilité d’illustrer vos articles avec des documents, des images, du son et/ou de la vidéo.

Cela s’effectue en plusieurs étapes: vous devez envoyer votre fichier (texte, image, son ou vidéo) vers le site, puis éventuellement l’insérer dans le corps du texte de votre article. Nous verrons dans cet article comment envoyer votre fichier vers le site et dans l’article suivant, comment l’insérer dans votre article.

1. S’assurer qu’il s’agit d’un format compatible avec SPIP

De nombreux formats sont supportés par SPIP, mais dans la plupart des cas, l’internaute ne pourra l’ouvrir que s’il dispose du logiciel approprié. Choisissez donc des formats répandus.

Formats qui peuvent être directement intégrés dans la page:

 Images: JPG, PNG, GIF

 Audio: MP3 (player Flash)

 Vidéo: FLV (player Flash)

Liste exhaustive des formats supportés par SPIP:

 Images et documents: quasiment tous les formats sont acceptés.

 Les formats audio acceptés:

Type Extension Mime
[?Ogg] ogg application/ogg
[?MP3] mp3 audio/mpeg
[?RealAudio] ra, ram, rm audio/x-pn-realaudio
[?WAV] wav audio/x-wav
[?AIFF] aiff audio/x-aiff
[?Matroska] Audio mka audio/mka
[?Musical Instrument Digital Interface] (Midi) mid audio/midi

 Les formats vidéo acceptés:

Type Extension Mime
[?Ogg] ogg application/ogg
[?MPEG4] mp4 application/mp4
[?MPEG] mpg video/mpeg
[?Audio Video Interleave] (AVI) avi video/x-msvideo
[?Flash Video] flv video/x-flv
[?Windows Media Video] wmv video/x-ms-wmv
[?Advanced Streaming Format] asf video/x-ms-asf
[?QuickTime] mov, qt video/quicktime
[?Multiple-image Network Graphics] (MNG) mng video/x-mng
[?Matroska] Video mkv video/mkv

2. Envoi des fichiers vers le site (le serveur) grâce à l’interface de téléchargement

 Si vous publiez des images simplement destinées à illustrer votre article, réduisez leur définition à 72 pixels par pouce avant de les envoyer. S’il s’agit d’images de qualité destinées éventuellement à être imprimées par le visiteur, gardez leur définition initiale.

 Lorsque vous modifiez un article ou une brève, la colonne de gauche vous propose une interface intitulée: « Ajouter une image » ou « Ajouter un document ». Cela se présente sous la forme d’un champ suivi d’un bouton nommé, suivant les navigateurs, « parcourir », « Browse », « Sélectionner », « File », « Fichier »… Cette interface ne fonctionnera que pour des fichiers peu volumineux (moins de 10 mégas).

1. Cadre de téléchargement

Lorsque vous cliquez sur ce bouton, une boîte de dialogue s’ouvre, vous permettant de visiter votre disque dur et d’indiquer quel fichier vous voulez sélectionner.

Cela fait, cliquez sur le bouton intitulé « Télécharger ».

Si l’opération a réussi, votre document apparaît dans la colonne de gauche. Pour la suite, voir 270.

Si l’opération a échoué, il est possible que votre fichier soit trop lourd. Dans ce cas, il s’agira de le télécharger grâce à un logiciel FTP. Contactez la auteur 14 pour plus de détails.

Insertion d’une vidéo repérée dans un site de partage de vidéos (YouTube, DailyMotion, etc.)

Sur un tel site, vous trouverez en général aux côtés de la vidéo qui vous intéresse, une ligne de code intitulée « embed ». Il vous faudra la copier et la coller directement dans le cadre de rédaction de votre article.

Attention aux droits d’auteur!