INSÉRER VIDEOS, SONS, TWEET, .GIF OU .SVG

Parfois on ne se contente plus des simples images et on voudrait utiliser Renversé pour publier ou relayer des vidéos, de la radio, des posts issus des réseaux sociaux ou encore des formats particuliers d’images. Si c’est votre cas, vous en saurez plus en lisant ce tutoriel. C’est dans la page d’édition d’article que ça se passe !

Insérer une vidéo

Pour insérer une vidéo dans un article, il y a deux possibilités qui dépendent de l’endroit où est hébergée la vidéo.

Grandes plateformes de streaming

Si la vidéo est hébergée sur une des grandes plateformes de vidéo en streaming (Youtube,Viméo etc.), il suffit de copier/coller dans le corps du texte l’adresse url à laquelle la vidéo est visionnable.

Une adresse comme ça : https://www.youtube.com/watch?v=3gadr_5hQtY

Donnera ça :

Grève féministe du 14 juin : Avenir féministe
A lire sur YouTube par Espresso TV Genève

Plateformes vidéos plus « alternatives »

Si la vidéo est hébergée sur une plateforme de vidéo en streaming plus petite (par exemple sur PeerTube ou archive.org) la marche à suivre est un peu différente. C’est légèrement plus long mais ça marche pour toutes les plateformes :

Commencez par vous rendre sur la page de la vidéo. Là, en dessous de la vidéo chercher et cliquez sur l’icône ou le bouton indiquant share, partager ou simplement une petite flèche. Là une fenêtre s’ouvre où il faut repérer une icône ou un champ de texte intitulé embed ou intégrer. Il faut ensuite copier les quelque lignes de codes qui sont donnée entouré par la balise de texte <iframe></iframe>. Ça doit donner quelque chose comme ça :

Pour finir, collez ces lignes de code telles quelles dans le texte de l’article, à l’endroit où vous voulez que la vidéo apparaisse.

Et voici le résultat une fois l’article publié :

Insérer un fichier son

Pour ajouter une insérer fichier son écoutable dans un article, rien de plus simple.

Intégrer le son à l’article

L’insertion des fichiers son dans les article est très semblable à l’insertion des images. Allez en haut à gauche de l’écran et dans le cadre Ajouter une image ou un document, cliquez sur le bouton Browse. Allez ensuite chercher votre image dans votre ordinateur, puis appuyez sur Ouvrir.

Vous pouvez aussi charger un fichier depuis internet si il est déjà hébergé depuis une autre plate forme (blog, site de radio etc.). Pour cela, au lieu de clique sur Browse cliquez sur le lien cliquable  internet présent dans le même encadré. Là il s’agit de coller l’url d’écoute du fichier son dans le champ intitulé : internet . L’url ressemble typiquement à ça : https://degenree.pimienta.org/2020/degenree31-03-20-confinement-1.mp3 .

Enfin, cliquez sur le bouton Téléverser. Soyez patient-e si vous uploadez le fichier depuis votre ordinateur, c’est d’autant plus long que votre fichier est lourd…

Quand c’est fait, votre fichier son apparaît dans la colonne de gauche. Il vous faut maintenant cliquer dans le texte pour placer votre curseur là où vous voulez placer votre lecteur son. Double-cliquez ensuite sur la courte balise <docXX|center> située sous votre image dans la colonne de gauche de l’écran. Vous pouvez aussi copier-coller l’élément <docXX|center> dans le texte.

Pour ajouter un titre et des crédits ou une illustration à votre fichier son, appuyez sur le bouton Modifier qui apparaît en bas à droite de la case correspondant à votre fichier son, dans la colonne de gauche de l’écran. Une nouvelle petite fenêtre s’ouvre dans laquelle vous pouvez rajouter ces informations relatives au fichier son. En bas de cette fenêtre, on peut ajouter une image pour illustrer le lecteur son en la téléversant depuis votre ordinateur. Un fois que c’est fait, appuyer sur le bouton Enregistrer.

Rajouter un titre, un descriptif ou une illustration au lecteur audio.

Créer le lecteur audio

Une fois votre document intégré à l’article, il faut dire à l’ordinateur que ce n’est pas un fichier comme les autres, mais bien un fichier son. Pour cela, aller simplement là où vous avez collé votre balise et remplacer <docXX|center> par <sonXX|center>.

Insérer le lecteur audio dans l’article.

Votre son est maintenant prêt à être mis en ligne et donnera ça :

Chant révolutionnaire antifasciste

Insérer des posts de réseaux sociaux

Pour insérer un tweet il faut cliquer en haut à droite du tweet sur l’icône représentant une flèche pointant vers le bas puis choisir Intégrer le Tweet. Une nouvelle fenêtre s’ouvre dans laquelle il s’agit de copier le bloc de code commançant par la balise <blockquote class="twitter-tweet">.

Pour finir, collez ces lignes de code telles quelles dans le texte de l’article, à l’endroit où vous voulez que la vidéo apparaisse. Ça doit donner quelque chose comme ça :

Et voici le résultat une fois l’article publié :

Pour insérer dans un article un post provenant d’autres réseaux sociaux il suffit de copier/coller l’adresse url du post dans le texte de l’article. Attention pour que ça marche, il faut sauter une ligne dans le texte avant de coller le lien.

Insérer un .gif animé ou un fichier une image vectorielle .svg

Les gif et les fichiers vectoriels ne sont pas des images comme les autres. C’est pourquoi elles ont besoin d’un traitement particulier pour être publiées sur Renversé. Mais rassurez-vous, c’est presque la même marche à suivre que pour une image standard, seule la dernière étape est différente.

Pour ajouter un image .gif ou .svg à l’article que vous êtes en train d’écrire, allez en haut à gauche de l’écran et, dans le cadre Ajouter une image ou un document, cliquez sur le bouton Browse. Allez ensuite chercher votre image dans votre ordinateur, puis appuyez sur Ouvrir. Enfin, cliquez sur le bouton Téléverser.

Après quelques instants le fichier de votre image apparaît dans la colonne de gauche. Il vous faut maintenant cliquer dans le texte pour placer votre curseur là où vous voulez placer votre image. Pour intégrer l’image à l’article, double-cliquez ensuite sur la courte balise <embXX|center> située sous votre image dans la colonne de gauche de l’écran. Vous pouvez aussi copier-coller l’élément <embXX|center> dans le texte. C’est la seule différence par rapport à l’insertion d’un image standard qui utilise la balise au format <docXX|center>.

Insérer un fichier .gif ou .svg à l’article.

Voilà ce que donnera un fichier .svg une fois l’article publié :

Et voici le rendu qu’aura un gif :

Publiez !

Comment publier sur Renversé?

Renversé est ouvert à la publication. La proposition d'article se fait à travers l’interface privée du site. Si vous rencontrez le moindre problème ou que vous avez des questions, n’hésitez pas à nous le faire savoir
par e-mail: contact@renverse.co

Soutenir par un don