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.

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

This article is a memo about creating this demo page.

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

I introduced usage examples in the following article.

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.

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

Then, I made the following modifications.

In particular, the following modifications were made.

This was based on the following implementation. It appears to reference an IIIF manifest file using the iiif-content or manifest parameter.

The built source code from the forked repository is deployed to Vercel.

For deployment, I made modifications like the following.

I changed the Output Directory, Install Command, and the Node.js version to 16.x.

I hope this is helpful when using Mirador 3.