Afficher une vidéo Peertube dans une page mediaWiki
Introduction
Ce tutoriel est adapté à un système d'exploitation Linux (Ubuntu 22.04). Mais, si vous utilisez Windows vous pourrez facilement l'adapter à votre système d'exploitation.
Installer l'extension Iframe
Depuis une console chargez l'archive de l'extension Iframe :
cd <chemin d'installation de mediawiki>/extensions/ wget https://github.com/sigbertklinke/Iframe/archive/refs/heads/master.zip
Ensuite décompressé l'archive et supprimez-là :
unzip master.zip rm master.zip
Le dossier de l'extension doit s'appeler Iframe. S'il le faut renommez-le. Par exemple :
mv Iframe-master Iframe
Ajoutez ces lignes en bas du fichier de configuration LocalSettings.php à la racine du wiki :
$wgIframe = array(); wfLoadExtension('Iframe'); $wgIframe['width'] = 640; $wgIframe['height'] = 400;
Les deux dernière lignes sont respectivement les tailles horizontale et verticale de la vidéo en pixels dans la page. À vous de les définir.
On pourra ajouter plusieurs domaines pour intégrer des pages web, des images, des vidéos. Chaque domaine sera défini ainsi sous la déclaration wfLoadExtension('Iframe'):
$wgIframe['server']['maclef'] = [ 'scheme' => 'https', 'domain' => 'mydomain' ];
- server sera défini par une clé (maclef), un nom que vous choisirez.
- sheme est le protocole utilisé par le serveur,
- domaine est le domaine d'où proviendra l'élément intégré.
Si, par exemple, vous voulez intégrer des vidéos de l'instance https://peertube.stream/ ajoutez sous
$wgIframe['server']['peertube'] = [ 'scheme' => 'https', 'domain' => 'peertube.stream' ];
Intégrer une vidéo dans une page mediawiki
Maintenant que vous avez configuré l'extension, vous pouvez intégrer une vidéo Peertube dans une page de votre wiki.
Par exemple si je veux intégrer la vidéo de la Baudroie Abyssale que j'ai modélisée dans Blender qu'on peut voir à l'adresse : https://peertube.stream/w/nGywifTrwfKtSZMwFBPSPC
Trouver l'URL utilisé pour intégrer une vidéo dans une page web
Je vais sur l'instance Peertube dans "Partager" puis "intégration". Je copie le code d'intégration de la vidéo. Pour cet exemple ce code est :
<iframe title="Baudroie Abyssale modélisée dans Blender" src="https://peertube.stream/videos/embed/afb9b48d-6f89-453b-addb-481d8160e2ba" allowfullscreen="" sandbox="allow- same-origin allow-scripts allow-popups" width="560" height="315" frameborder="0"></iframe>
Code d'intégration de la vidéo dans la page du wiki
Pour intégrer la vidéo Peertube dans la page je vais écrire :
<iframe key="peertube" path="videos/embed/afb9b48d-6f89-453b-addb-481d8160e2ba" />
Avec
- key : est la clé que vous avez définie dans la configuration du wiki.
- path : est le chemin de la vidéo à la racine du domaine. Attention, il ne faut pas ajouter de / au début de path.
- Si vous voulez permettre aux visiteurs de voir la vidéo ajoutez l'option allow="fullscreen" comme ceci :
<iframe key="peertube" path="videos/embed/afb9b48d-6f89-453b-addb-481d8160e2ba" />
La vidéo devrait s'afficher dans la page :