L’association Culture Libre & Créations Collectives possède un appareil photo de ce type, un Ricoh THETA S. Avec la création de la carte uMap de la randonnée Périph Vert d’Angoulême, c’est l’occasion d’intégrer des points d’intérêts pour illustrer le parcours !
Parfait, on a la source, mais comment l’exploiter et l’afficher en ligne ? Il y a le logiciel libre Pannellum : https://pannellum.org/
Ce logiciel utilise HTML5, CSS3, JavaScript, et WebGL.
J’ai installé le script (le trio html/css/js) hier soir chez moi, et après quelques essais voici un premier exemple :
Où si vous préférez consulter le panorama en plein écran, suivre ce lien. Testez-le également avec votre téléphone portable, pour bénéficier de la boussole.
Pour arriver à ce résultat, j’ai également utilisé le plugin Resynthesizer pour Gimp pour gommer, où plutôt reconstruire le bas de l’image, et ne plus laisser apparaître mes doigts ou ma tête en train de photographier.
(le plugin s’installe sous Fedora via la commande suivante : sudo dnf install gimp-resynthesizer)
Un tuto Gimp de Nick [1] plus tard pour créer une version sticker du logo de CLiCC, j’avais mon image de prévisualisation, que je décide d’afficher avant de charger le panorama. Il existe un paramètre pour le charger automatiquement, mais l’image étant assez volumineuse, ce n’est pas forcément souhaitable pour le visiteur. Et puis c’est l’occasion d’afficher temporairement une photo d’illustration.
Pour l’instant c’est le premier marqueur 360 que j’ai ajouté à la carte, dans l’attente de faire d’autres sorties 😎
Icône de l’image à la une du billet par Nikita Kozin sur NounProject.