概要
以下のように、ページ全体にUniversal Viewerが表示されるページを作成しましたので、その備忘録です。Universal Viewer v4を使用しています。
nuxt3-demo-nine.vercel.app
ソースコード
以下のソースコードを参考にしてください。
nuxt3-demo/public/uv/index.html at main · nakamura196/nuxt3-demo
Sample Repository for Nuxt3 Including Examples of Various Library Usages - nakamura196/nuxt3-demo
GitHub以下のページにある
UV Examples
A community-developed open source project on a mission to help you share your 📚📜📰📽️📻🗿 with the 🌎 - UniversalViewer/universalviewer
GitHub以下のサンプルを参考に、ページのリサイズに応じて、ビューアのサイズも変更されるようにしています。
codesandbox.io
また、manifestというクエリパラメータを受け取る記述も含めています。
参考
以下を参考に、cdnを利用しない形でのNuxt3への導入を試みましたが、うまく動作させることができませんでした。こちらについては、引き続き調査を行いたいと思います。
codesandbox.io
まとめ
以下のページで、v3を用いた全画面表示の例が公開されていますが、本記事執筆時点では、v4の例が見当たりませんでした。
universalviewer.io
参考になりましたら幸いです。
コメント
…