All tags

TAG

#mirador

53articles

🔍Mirador Carries the Zoom Across Pages — preserveViewport Defaults and the @latest Pitfall

In Mirador, moving to the next page carries the previous page's zoom level and pan position over. That is the behavior of osdConfig.preserveViewport, whose default is true (it lives under osdConfig, not window). It has been true across Mirador 3.3.0 through 4.0.0, while the unreleased main branch has it as false. This post covers what the setting does and where it is controlled in the source, why resetting (false) is more natural when canvas sizes vary per page, and the pitfall of mirador@latest moving the default behavior under you — plus the fix: pin the version and set the option explicitly.

miradoriiifopenseadragonfrontend

🎞️Updating the Layer Slideshow Plugin for Mirador 4

I updated the layer slideshow plugin, originally published for Mirador 3, to support Mirador 4. This involved migrating the build from nwb to Vite and replacing Material-UI v4 with MUI v7.

miradoriiifplugindigital-archives

🎬Annotating IIIF Video — A Mirador Annotation Editor Video Hands-on

A hands-on guide to Mirador Annotation Editor Video, a Mirador 4 plugin for adding both spatial and temporal annotations to IIIF video, covering how to set a temporal target, using the official demo.

miradoriiifannotationvideo

✏️Annotating IIIF Images — A Mirador Annotation Editor Hands-on

A hands-on guide to Mirador Annotation Editor, a plugin that adds annotation creation and editing to the Mirador 4 IIIF image viewer, from creating an annotation to exporting it, using the official demo.

miradoriiifannotationweb-annotation

Mirador 4.0.0 hides supplementing annotations from the Annotations panel — a `filteredMotivations` gotcha

I delivered IIIF Presentation 3 OCR text annotations with `motivation: "supplementing"`, and they showed up in Annona and other viewers but not in Mirador 4.0.0's Annotations side panel. Reverse-engineering the deployed Mirador bundle revealed that the released default for `config.annotations.filteredMotivations` is `['oa:commenting', 'oa:tagging', 'sc:painting', 'commenting', 'tagging']` — `supplementing` isn't in the allowlist. This post walks through how I found that, the `['commenting', 'supplementing']` array workaround, and the relevant spec / Cookbook references.

iiifmiradorannotationpresentation-api

📏Physical Dimensions Ruler Plugin for Mirador 4

A Mirador 4 plugin that displays a physical scale ruler overlay using the IIIF Physical Dimensions service.

miradoriiifplugindigital-archives

🔍Mirador: The Optimal Open-Source Viewer for IIIF Image Comparison and Analysis

An overview of Mirador, a IIIF image viewer developed by Stanford and Harvard, and its applications for comparative research in digital archives.

iiifmiradorviewercomparison

TETRAS-IIIF: Annotation, Video, and Multi-User Extensions for Mirador 4

An overview of the TETRAS-IIIF ecosystem for Mirador 4: annotation editing (MAE), video annotation (MAEV), and multi-user collaboration (MMU).

iiifmiradorannotationvideo

Mirador: A Feature-Rich IIIF Viewer for Comparing and Annotating Images

An introduction to Mirador, the IIIF viewer. Multi-window image comparison, annotations, plugin extensions, and more.

iiifmiradordigital-humanitiesviewer

🐡Replacing Only the Window Title of External Manifests in Mirador 4

Replacing Only the Window Title of External Manifests in Mirador 4

iiifmirador

😊Mirador Viewer Embedding Configuration

Mirador viewer embedding configuration

iiifmirador

🐡Developing and Publishing a Rotation Plugin for Mirador 4 on npm

Developing and publishing a rotation plugin for Mirador 4 on npm

iiifmirador

😸Record of Migrating mirador-annotations to Mirador 4.x

Record of Migrating mirador-annotations to Mirador 4.x

reactmuiiiifmirador

🎃mirador-rotation-plugin Feature Enhancements

mirador-rotation-plugin Feature Enhancements

iiifmirador

🌟How to Highlight Arbitrary Regions in Mirador 4

How to Highlight Arbitrary Regions in Mirador 4

iiifmirador

🌟How to Simultaneously Specify Canvas and Highlight Search Terms in Mirador 4

How to Simultaneously Specify Canvas and Highlight Search Terms in Mirador 4

iiifmirador

How to Control the Viewing Direction of Mirador from External Parameters

How to control the viewing direction of Mirador from external parameters

iiifmiradorzennfes2025free

🐈Building a Tool for Adding Polygon Annotations to IIIF Images

Building a tool for adding polygon annotations to IIIF images

firebasenextjsiiifmirador

🦁Mirador 4 Plugin Development: Enabling Initial Angle Settings in the Image Rotation Plugin

Mirador 4 Plugin Development: Enabling Initial Angle Settings in the Image Rotation Plugin

reactwebpackviteiiif

😎Rotating Images and Specifying Regions on Initial Load in Mirador 4

Rotating Images and Specifying Regions on Initial Load in Mirador 4

iiifopenseadragonmirador

🦁A Sample App Displaying Images with Mirador and Text with CETEIcean

A Sample App Displaying Images with Mirador and Text with CETEIcean

xmliiifteimirador

🙄Enabled Email-Based Registration in the Mirador 3 Firebase-Linked Annotations Plugin

Enabled Email-Based Registration in the Mirador 3 Firebase-Linked Annotations Plugin

reactgoogleiiifmirador

🙆Downloading Annotations Created with the mirador-annotations Plugin in Mirador 3

Downloading Annotations Created with the mirador-annotations Plugin in Mirador 3

iiifmirador

🙆Developed a Firestore Adapter for the Mirador 3 mirador-annotations Plugin

Developed a Firestore adapter for the Mirador 3 mirador-annotations plugin

firebasefirestoreiiifmirador

😸Achieving Parallel Display of IIIF and TEI Using XSLT

Achieving Parallel Display of IIIF and TEI Using XSLT

xmlxsltiiiftei

🐥Describing Annotations Using SVG in IIIF Presentation API v3

Describing annotations using SVG in IIIF Presentation API v3

svgiiifmirador

📖Mirador Repository with Vertical Text Support for the Text Overlay Plugin

Mirador Repository with Vertical Text Support for the Text Overlay Plugin

ocriiifmirador

Trying the Mirador 3 Annotations Plugin with an IIIF Manifest Specified via URL Parameters

Trying the Mirador 3 Annotations Plugin with an IIIF Manifest Specified via URL Parameters

nodeverceliiifmirador

💡Using Scroll View in Mirador 3

Using Scroll View in Mirador 3

iiifmirador

Published the Mirador 4 Version of mirador-sync-windows Repository

Published the Mirador 4 Version of mirador-sync-windows Repository

iiifmirador

🙄Mirador 4 Plugin Development: Rotating Images at Arbitrary Angles

Mirador 4 Plugin Development: Rotating Images at Arbitrary Angles

iiifmirador

🙆‍♀️Publishing a Customized Mirador 4 as an npm Package

Publishing a Customized Mirador 4 as an npm Package

iiifmirador

🙆‍♀️Examining Zoom, Scale, and Rotation Behavior in Mirador 4

Examining Zoom, Scale, and Rotation Behavior in Mirador 4

iiifopenseadragonmirador

💡Verifying the Behavior of Mirador 2 Plugins

Verifying the Behavior of Mirador 2 Plugins

iiifmirador

📖Developing a Zoom Disable Plugin for Mirador 3 (4)

Developing a Zoom Disable Plugin for Mirador 3 (4)

iiifmirador

📌Created an M3 Version of mirador-sync-windows

Created an M3 Version of mirador-sync-windows

mirador

😎Trying Out mirador-sync-windows

Trying Out mirador-sync-windows

iiifmirador

🐷Trying Mirador 2's Physical Document Ruler

Trying Mirador 2's Physical Document Ruler

iiifmiradormirador2

📝Mirador 3 Plugin Development: Adding Vertical Text Support to the Text Overlay Plugin

Mirador 3 plugin development: adding vertical text support to the Text Overlay plugin

ocrxmliiifmirador

🐙Trying the mirador-annotations Plugin and SimpleAnnotationServer with Mirador 3

Trying the mirador-annotations Plugin and SimpleAnnotationServer with Mirador 3

annotationiiifmirador

😺Mirador 3 Plugin Development: Creating a Layer Slideshow

Mirador 3 Plugin Development: Creating a Layer Slideshow

mirador

🐙Mirador 3 Plugin Development: Copying a Window

Mirador 3 Plugin Development: Copying a Window

reactiiifmiradormirador3

Zooming to Meet Viewport Constraints in Mirador 3

Zooming to Meet Viewport Constraints in Mirador 3

mirador

🦁Guide to the IIIF Mirador 2 Annotation Interface

Guide to the IIIF Mirador 2 Annotation Interface

iiifmiradormirador2

🐥Created an Image Comparison Tool Using Mirador 3

Created an Image Comparison Tool Using Mirador 3

iiifmiradormirador3

🎉How to Add the mirador-image-tools Plugin to Mirador 3 and Bundle It into a Single JS File for Distribution

How to Add the mirador-image-tools Plugin to Mirador 3 and Bundle It into a Single JS File for Distribution

iiifmirador

🐷Fixing the GitHub Repository Demonstrating Mirador 3 Usage with Nuxt 2

Fixing the GitHub Repository Demonstrating Mirador 3 Usage with Nuxt 2

nuxtiiifmirador

How to Use the Omeka S Mirador Module

How to use the Omeka S Mirador module

iiifmiradoromekasomekasmodule

How to Enable Mirador 3 Image Tools (Image Rotation, etc.) by Default

How to Enable Mirador 3 Image Tools (Image Rotation, etc.) by Default

iiifmirador

[Omeka S Module Introduction] IIIF-Compatible Viewers Available for Omeka S

[Omeka S Module Introduction] IIIF-Compatible Viewers Available for Omeka S

iiifmiradoromekasomekasmodule

How to Embed Mirador 3 in a Specific Area of a Page

How to Embed Mirador 3 in a Specific Area of a Page

iiifmirador

Created a Repository Demonstrating How to Use Mirador 3 with Nuxt.js

Created a Repository Demonstrating How to Use Mirador 3 with Nuxt.js

iiifmirador

Created a Repository Demonstrating How to Use Mirador 3 with Vue

Created a Repository Demonstrating How to Use Mirador 3 with Vue

miradoriiifvue