Comment visualiser votre projet Adno dans une page web?
Posted in News on June 2, 2023 by Thierry Pasquier ‐ 2 min read
Un projet Adno se présente sous la forme d’un simple fichier texte qui peut être enrégistré et partagé. Ce fichier est au format du standard Web Annotation model format. Il peut donc être traité par Adno et par tout autre logiciel compatible.
Nativement, Adno permet d’incorporer un projet Adno dans une page web. Il est nécessaire que le projet soit accessible en ligne. Ensuite il suffit d’insérer une balise iframe
en respectant la syntaxe suivante.
<iframe
src="https://r.adno.app/#/embed?url=URL DU PROJET"
height="600px" width="100%"
allow="fullscreen"
></iframe>
Soit :
Adno views tags
Le projet compagnon Adno views tags vous permet d’intégrer différents types de visualisations dans vos pages web. Attention, il ne fonctionne qu’avec des projets Adno basés sur des images IIIF.
Pour obtenir chaque rendu, il suffit d’associer des attributs du type data-*
à une balise enveloppante. Cf. exemple ci après ou MODE est à remplacer par infos
, list
, slider
, embed
ou annona
, ainsi que URL par l’url d’un projet Adno.
<div data-adno="MODE"
data-src="URL"
data-width="800px";
></div>
Pour en savoir plus et notamment la liste des options associées à chaque mode, consultez la documentation.
Infos
Liste les métadonnées du projet.
Slider
Visualisation en mode diapo
Liste
Liste des images et de leurs annotations en légende
Annona
Il est aussi possible de faire appel à la superbe bibliothèque Annona qui offre une flopée de possibilités.
Conclusion
Adno joue le jeu de l’interopérabilité et les projets qu’il permet de reéaliser sont facilement réutilisables par d’autres logiciels.