Afficher une vidéo Peertube dans une page mediaWiki

De OSWiki
Aller à la navigation Aller à la recherche

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 serveurs pour intégrer des pages web, des images, des vidéos. Chaque serveur 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 :

$wgIframe['server']['peertube'] = [ 'scheme' => 'https', 'domain' => 'peertube.stream' ];

Source : https://www.mediawiki.org/wiki/Extension:Iframe

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ée pour intégrer une vidéo dans une page web

Je vais à la page de la vidéo 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" />
 
  • 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 d'"afficher la vidéo plein écran, ajoutez l'option allow="fullscreen" comme ceci :
    <iframe key="peertube" path="videos/embed/afb9b48d-6f89-453b-addb-481d8160e2ba" allow="fullscreen" />
 


La vidéo devrait s'afficher dans la page :