Videojs

Cette page présente les informations relatives au passage à videojs

Problème de chargement des vidéo dans Safari

Dans la version de Cocoon utilisée par Pleade, les fichiers mp4 ne peuvent pas être chargé dans Safari. Le soucis vient à priori d'un problème d'interprétation des entêtes HTTP servis par Cocoon. Malgré plusieurs tentatives et plusieurs demandes d'aides, nous n'avons toujours pas trouvé le correctif pour Cocoon.

Notice :

• https://issues.apache.org/jira/browse/COCOON-2368
• https://stackoverflow.com/questions/58805276/mp4-files-not-playing-in-safari-desktop-and-ios-event-if-range-header-is-corre.

Le paragraphe ci-dessous présente le contournement trouvé en utilisant Apache pour servir les documents audiovisuelles.

Mise en place du contournement Apache pour servir les media

Important :

Le contournement a été fait dans le contexte du serveur mercure et du projet testerpleade4. Pour les autres serveurs, il faut faire les adaptations nécessaires.

Pré-requis

• Le contournement concerne uniquement le module ARK.
• Pour la base EAD, les media concernés doivent être en mode detached (setrouve dans un répertoire dédié).
• Les formats (entenxions) concernés sont : mp3, MP3, mp4, MP4, h264, H264, webm, WEBM, ogv, OGV, ogg, OGG.
• L'URL doit avoir le vrai extension pour que tout marche dans Safari. On ne peut donc pas utiliser les qualifier .video et .audio

Principe

À la publication, les média concernés sont copiés dans le répertoire <datadir IIIF>/iiif/detached-files en respectant le chemin à partir de l'identifiant ark (ce qui devient <datadir IIIF>/iiif/detached-files/<id ark>/fichier). Ensuite, on donne accés au répertoire à Apache, de tel sorte qu'en saisissant l'URL ARK, Apache sert le fichier demandé.

Mise en place pour chaque projet

Étape 1 : Dans le répertoire racine global de Apache, faire un lien symbolique vers le répertoire des media du iiif-datadir

$ mkdir -p /home/ajlsm/recette/testerpleade4/iiif-datadir/iiif/detached-files
$ cd /var/www/html
$ sudo ln -s /home/ajlsm/recette/testerpleade4/iiif-datadir/iiif/detached-files testerpleade4

Étape 2 : Ajouter l'instruction ProxyPass dans Apache pour le forcer à traiter les media.

$ sudo vim /etc/apache2/sites-enabled/test-v4.pleade.com.conf

Au dessus de la ligne ProxyPass /cgi-bin/iipsrv.fcgi ..., ajouter les trois instructions ci-dessous:

        ProxyPassMatch "^/ark:/(.*)/(.*)/(.*)\.(mp3|MP3|mp4|MP4|h264|H264|webm|WEBM|ogv|OGV|ogg|OGG)" "http://192.168.123.3/testerpleade4/$2/$3.$4"
        ProxyPassMatch "^/archives-en-ligne/ark:/(.*)/(.*)/(.*)\.(mp3|MP3|mp4|MP4|h264|H264|webm|WEBM|ogv|OGV|ogg|OGG)" "http://192.168.123.3/testerpleade4/$2/$3.$4"
        ProxyPassMatch "^/pleade/ark:/(.*)/(.*)/(.*)\.(mp3|MP3|mp4|MP4|h264|H264|webm|WEBM|ogv|OGV|ogg|OGG)" "http://192.168.123.3/testerpleade4/$2/$3.$4"

Étape4 : Relancer le service Apache et vérifier que tout fonctionne en ouvrant l'URL d'accés ARK vers un média. Normalement, les Headers HTTP ne doivent pas contenir de mot Cocoon; et, ça doit marcher dans Safari.