Mirador

Fixing the GitHub Repository Demonstrating Mirador 3 Usage with Nuxt 2

I have been demonstrating an example of using Mirador 3 with Nuxt 2 in the following GitHub repository. https://github.com/nakamura196/nuxt-mirador However, I found that the above repository had an issue in the production environment. Specifically, Mirador’s display would break after page navigation. An issue was submitted: https://github.com/nakamura196/nuxt-mirador/issues/1 A pull request fixing the bug was also submitted for this issue. https://github.com/nakamura196/nuxt-mirador/pull/2 Specifically, as shown below, it was necessary to unmount in beforeDestroy. ...

May 1, 2022 · Updated: May 1, 2022 · 1 min · Nakamura

How to Use the Omeka S Mirador Module

Overview This article introduces a module that adds the Mirador viewer to Omeka S. The GitHub repository is available here: github.com Both Mirador 2 and 3 are supported. Various plugins can also be added from the settings screen. In this article, we introduce how to add the “Image tools” plugin, which enables image rotation and horizontal flipping. To use this module, you need to either give Omeka S IIIF server functionality or reference an external manifest file. We plan to cover how to set up the former in a separate article. ...

March 1, 2022 · 1 min · Nakamura

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

Overview This article explains how to enable image tools (such as image rotation) by default in Mirador 3. The default Mirador 3 does not include features that were available by default in Mirador 2, such as image rotation and adjustments for brightness, contrast, and saturation. To add these features, you need to install the image tools plugin: github.com Below, we explain how to install and configure the plugin. Installation In addition to the page above, the following repositories are helpful for installing the image tools plugin. ...

September 16, 2021 · 1 min · Nakamura

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

Overview This article summarizes the IIIF-compatible viewers available as Omeka S modules as of September 15, 2021. Viewer List Universal Viewer github.com Mirador github.com Diva IIIF Viewer github.com Summary You can see installation examples at the following page. We hope this serves as a useful reference for IIIF image delivery using Omeka S. diyhistory.org

September 15, 2021 · 1 min · Nakamura

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

In a previous article, we introduced how to embed Mirador in a specific area of a page using Nuxt.js. nakamura196.hatenablog.com This time, we introduce how to embed Mirador without using frameworks like Vue.js. Specifically, please check the source code of the following page. https://nakamura196.github.io/nuxt-mirador/embedded2 The above is a simple HTML file. When embedding Mirador on a page, you specify the ID of the element where Mirador will be displayed (e.g., mirador). By applying the following CSS, you can embed it within a portion of the page. ...

August 10, 2021 · 1 min · Nakamura

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

Overview In the following article, I introduced how to use Mirador 3 with Vue. nakamura196.hatenablog.com Following up on that, I created a GitHub repository demonstrating how to use Mirador 3 with Nuxt.js. github.com In the above repository, I have prepared examples of displaying Mirador full-page as well as embedding it in a specific area within a page. https://nakamura196.github.io/nuxt-mirador/embedded This article provides an explanation of the above page and introduces some aspects of how to use Mirador. ...

August 7, 2021 · 2 min · Nakamura

Created a Repository Demonstrating How to Use Mirador 3 with Vue

We created a repository demonstrating how to use Mirador 3 with Vue. We hope it serves as a useful reference for application development with Vue. github.com This repository was created with reference to the following: github.com As a simpler alternative, you can also use the UMD (Universal Module Definition) build. If you simply want to use Mirador 3, we recommend the following approach: github.com The site above states (as demonstrated in the repository introduced here): ...

July 22, 2021 · 1 min · Nakamura