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

Overview

I prepared a demo page where you can try the Mirador 3 annotations plugin with an IIIF manifest specified via URL parameters.

mirador-annotations.vercel.app

By using the iiif-content or manifest parameter, you can target a specified IIIF manifest.

mirador-annotations.vercel.app

This article is a memo about creating this demo page.

Background

There is an annotation plugin for Mirador 3 called mirador-annotations.

GitHub - ProjectMirador/mirador-annotations: a Mirador 3 plugin that adds annotation creation tools to the user interface

a Mirador 3 plugin that adds annotation creation tools to the user interface - ProjectMirador/mirador-annotations

GitHub

I introduced usage examples in the following article.

Trying the mirador-annotations Plugin and SimpleAnnotationServer with Mirador 3

ldas.jp

A demo page is already available at the following link, but it does not provide the ability to specify an IIIF manifest file via URL parameters.

mirador-annotations 0.5.0 Demo

mirador-annotations.netlify.app

Fork and Modifications

To add the ability to specify an IIIF manifest file via URL parameters, I cloned the above repository.

GitHub - nakamura196/mirador-annotations: a Mirador 3 plugin that adds annotation creation tools to the user interface

a Mirador 3 plugin that adds annotation creation tools to the user interface - nakamura196/mirador-annotations

GitHub

Then, I made the following modifications.

feat: udpate demo · nakamura196/mirador-annotations@18848cc

a Mirador 3 plugin that adds annotation creation tools to the user interface - feat: udpate demo · nakamura196/mirador-annotations@18848cc

GitHub

In particular, the following modifications were made.

...
var params = new URL(document.location).searchParams;
var manifest = params.get('iiif-content') || params.get('manifest') || 'https://iiif.harvardartmuseums.org/manifests/object/299843'
var windows = [];
if (manifest) {
  windows.push({ manifestId: manifest });
}
...