📘

Universal Viewer v4を使ったページの作成例

2023/11/24に公開

概要

以下のように、ページ全体にUniversal Viewerが表示されるページを作成しましたので、その備忘録です。Universal Viewer v4を使用しています。

以下のソースコードを参考にしてください。

以下のページにある

以下のサンプルを参考に、ページのリサイズに応じて、ビューアのサイズも変更されるようにしています。

また、manifestというクエリパラメータを受け取る記述も含めています。

以下を参考に、cdnを利用しない形でのNuxt3への導入を試みましたが、うまく動作させることができませんでした。こちらについては、引き続き調査を行いたいと思います。

以下のページで、v3を用いた全画面表示の例が公開されていますが、本記事執筆時点では、v4の例が見当たりませんでした。

参考になりましたら幸いです。