こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

サイトにVR Viewで360°画像を表示させたい

google VR Viewを使って360°画像を表示させたいと思い、
いろんなサイトを見て試したところ、
画像を置くサーバーがクロスドメインに対応していないことがわかり、
google VR View GitHubからコードをダウンロードしました。
そして、javascriptで出力させる場合は、「build/vrview.js」を埋め込むと書いてあったのに、GitHubからダウンロードしたフォルダ内に「build/vrview.js」がないのです!!!

こちらのサイトです。どなたか、ご存じの方いらっしゃいませんでしょうか。
https://github.com/googlevr/vrview

ちなみに、上記URLの左側にある「Branch:master」というプルダウンメニューから「Branch:gh-pages」を選択すると「build/vrview.js」が表示されました。
このソースを使うと、chromeだけは上手くいくのですが、IEとfirefoxでは画像が表示されませんでした。。。

どなたか助けてください(涙)

投稿日時 - 2018-01-25 15:14:39

QNo.9422119

困ってます

質問者が選んだベストアンサー

>そして、javascriptで出力させる場合は、「build/vrview.js」を埋め込むと書い
>てあったのに、GitHubからダウンロードしたフォルダ内に「build/vrview.js」
>がないのです!!!

左側の項目選択が「Branch:Master」のままだと、build/vrview.jsをダウンロード出来ません。

左側の項目選択を「Branch:gh-pages」に切り替えると、build/vrview.jsをダウンロード出来ます。

ダウンロードする場合は、「Branch:gh-pages」に切り替えてから、右側の緑色の「Clone or download」をクリックして、プルダウンされた所の「Download ZIP」をクリックし、ダウンロードします。

ダウンロードしたらZIPファイルを展開し、自身のサーバーに配置します。

>このソースを使うと、chromeだけは上手くいくのですが、IEとfirefoxでは画像が表示されませんでした。。。

javascriptで動かしたい場合は「build/vrview.min.js」を使います。

「build/vrview.js」じゃないので注意して下さい。

javascriptを使わず、iframeを使う事も出来ます。

詳しくは
https://qiita.com/kfunnytokyo/items/aabb3373ec79ef668f6e
を参照。

投稿日時 - 2018-01-25 16:57:15

補足

ありがとうございます!やはり、Branch:gh-pagesで良かったのですね!

あと、こちらに間違えて書いてしまったのですが、build/vrview.min.jsを指定していました。
でもやはり、IEとfirefoxが表示されず。。。
chromeだけは問題ないのですが。。。

投稿日時 - 2018-01-26 14:34:36

このQ&Aは役に立ちましたか?

1人が「このQ&Aが役に立った」と投票しています

回答(1)

あなたにオススメの質問