概要
360度パノラマ画像ビューアーを簡単に実装できるプラグイン「Pannellum」を紹介。本記事ではjavascript APIを使用した実装方法を記載。用途・要件
- 360度パノラマ画像ビューアーを設置したい場合に利用。
- iframeでも表示可能だが、javascript APIを使用した方が詳細な設定が可能。
- IE11対応。
- jQuery不要。
- ジャイロセンサー連動無し。
- DEMOでは、Pannellum バージョン2.5.6使用。
検証ブラウザ
- Google Chrome(最新)
- Safari(最新)
- Firefox(最新)
- Microsoft Edge(最新)
- IE11
- 注)iOSではfullscreen APIがサポートされていないため、フルスクリーン表示できない。(Can I use)
実装
ローカル環境にコードを移設した際に動作しない場合はこちら。(トラブルシューティングページへ)