Affichage d’images en haute résolution avec OpenSeadragon

OpenSeadragon est une bibliothèque javascript Open Source (Licence BSD) qui facilite la visualisation des détails d’une image haute résolution dans un navigateur en permettant de facilement zoomer et dézoomer sur une zone, avec la souris, avec les doigts (écran tactile), ou bien en cliquant sur un ensemble de boutons dédiés.On passe alors facilement d’une vue générale à l’exploration des détails, de manière simple, fluide, sans latence. Le temps de chargement d’une image lourde devient réduit et la bande passante est ainsi économisée.

La fabrication et l’affichage des images avec OpenSeadragon se fait en deux étapes :

  1. Création d’images zoomables : L’image haute résolution d’origine est transformée automatiquement en une série d’images de petites dimensions appelées « tuiles » (tile en anglais), de forme carrée et localisées dans une arborescence spéciale.
    Cette transformation peut être faite de manière programmée (C++, PHP, Python, PERL, .NET, Node.js) ou bien à l’aide de logiciels de bureautique libres tels que Deep Zoom Composer (Microsoft) ou bien MapTiler (Klokan Technologies).
    OpenSeadragon accepte les formats de tuiles DZI et TMS.
  2. Affichage de l’image dans le navigateur : la bibliothèque javascript permet l’affichage des images ainsi créées et ajoute les boutons qui permettent le zoom, le déplacement et le passage plein écran de l’image.

DZI (Deep Zoom Image), Microsoft : https://msdn.microsoft.com/en-us/library/cc645077(v=vs.95).aspx

TMS (Tiled Map Service), Open Source Geospatial Foundation : https://openseadragon.github.io/examples/tilesource-tms/

source : https://archivengines.wordpress.com/2015/07/29/affichage-images-haute-resolution-openseadragon/

Deep Zoom Composer


Deep Zoom Composer
permet lacréation d'albums virtuels exploitant le zoom comme technique de navigation et de présentation

With Deep Zoom Composer, you can take a collection of images of various resolutions (including large, high-resolution images) and arrange them into a composition. You can then export or publish the composition as either a single high-resolution image or a set of individual images with different resolutions. Once you export or publish your composition, you can use a standard broadband connection to quickly display and navigate a large, detailed image or a panorama of images that might otherwise be extremely slow to view.

module openseadragon pour Joomla 3.0

https://github.com/PolymorphicEngineeringSolutions/joomla_openseadragon

1/ installation openseadragon
récuperer la derniere version openseadragon ici : http://openseadragon.github.io/
decompresser et renommer le repertoire "openseadragon"
Copier ce repertoire dans le ../media/system/js/


2/ creer une image zoomable avec Deep Zoom Composer
( export composition seadragonajax)
copier le repertoire "GeneratedImages" à l'emplacement de votre choix
renommer le fichier "dzc_output.xml" en "dzc_output.dzi"

3/ indiquer le chemin vers ce repertoire dans le champ Image Folder du module


Thierry MOTOT

Réalisation multimédias

siret : 33088150900039
code naf : 7312Z

V CARD
Qr Code

Tous les articles

copyright © 2012-2021 Thierry Motot