• Un petit #shameless_autopromo : on vient de mettre en ligne, pour le Musée Fabre de #Montpellier, le mini-site pour l’exposition Le Canada et l’Impressionnisme, qui ouvre ce week-end :
    https://fabre.montpellier3m.fr/Le-Canada-et-l-impressionnisme

    C’est essentiellement une collection de longforms (mais courts…) sous #SPIP. Pour des questions de droits, on ne pouvait pas faire une visite virtuelle complète, mais on a intégré tous les audioguides.

    Du coup la petite nouveauté technique, c’est l’affichage des audioguides, en ajoutant un petit symbole avec un numéro (reprenant la signalétique du musée) :

    Et un petit bout de code qui coupe et réinitialise les lecteurs audio quand on en déclenche un nouveau, de façon à ne pas avoir plusieurs audioguides qui se déclenchent en même temps.

    Mon petit bout de code :

    function initier_audio_seul() {
            $("audio").on("play", function(){
                            $('audio').not(this).each(function(){
                                    this.pause(); // Stop playing
                                    this.currentTime = 0; // Reset time
                            });        
            });
    }

    $(document).ready(initier_audio_seul);
    $(document).ajaxSuccess(initier_audio_seul);
    • Sinon, j’en profite pour enrichir ma plateforme (« Fabre dans mon Canapé »).

      Outre plusieurs formats (pas encore exploités publiquement), j’ai désormais la possibilité d’aspirer directement une rubrique (« mini-site ») d’un coup de wget, mais avec des adaptations qui me facilitent la fabrication d’apps pour tablettes (et smartphones, évidemment). Le musée dispose d’une flotte de tablettes Android à prêter, mais en ces temps de Covid, ce ne sera pas pour ce coup-ci. En tout cas, mon outil est prêt pour ça, et le résultat est très sympa.

      Parmi les choses pour faciliter l’« aspiration » :
      – ça vire automatiquement les timestamp,
      – ça ne fabrique pas, dans ce mode, les versions WebP des images,
      –ça repasse les URL en mode simplifié (« rubrique30.html »…), pour fonctionnement simplifié en local,
      – ça ajoute les liens complets (<link href…>) pour aspirer automatiquement toutes les images responsive,
      – ça limite les liens pour ne charger que la partie du site qui m’intéresse (l’expo),
      – ça vire le footer, qui est plus une logique de site Web que d’app,
      – ça adapte un peu la maquette ;
      – ça intègre la gestion des padding « safe » liés à l’interface spécifique des iPhone X en interface bord-à-bord (c’est très joli)…
      – et tout ça sans impacter le fonctionnement du site accessible au public.

      Et derrière, un coup dans Cordova et c’est cool.