vrviewがうまく動作しない

Question

前提・実現したいこと

https://github.com/googlevr/vrview/tree/gh-pages
こちらのexample/index.htmlを動作させたい。

発生している問題・エラー

index.html にあるVIDEO showExampleをクリックしても以下のような画面となる。

補足事項

ローカル環境で動作
Chrome
windows10

http経由であると問題なく動作するようです。ローカルの場合どうすべきかわかれば
教えていただきたく思います。よろしくお願いいたします。

Comments

[kei344]

ローカルでテストされていますか？それとも何らかのサーバ上でテストされているのでしょうか。また、ブラウザとOSは提示されたほうが良いです。

[退会済みユーザー]

失礼いたしました、追記しました。

Answer 1

ディレクトリ構成にやや難ありですね。
とりあえず、クローンしたフォルダをドキュメントルートにしてウェブサーバーを起動して、
http://ウェブサーバーのホスト:ポート/examples/index.html
にアクセスすれば表示されました。

Comments

[退会済みユーザー]

ご回答の通り、httpサーバーを立ち上げることでアクセスできました。
ありがとうございます。

Answer 2

Chromeはローカルでのファイルアクセスに制限が強いため、Firefoxなど別のブラウザで試してみるか、セキュリティレベルを下げる設定をするか、ローカルに検証用サーバを作るかどれかだと思います。

【Windows版chromeでローカルファイルに直接アクセスする方法[オレ得JavaScriptメモ] | 56DOC BLOG】
http://blog.56doc.net/Entry/809/

【ローカル(file:///)上で外部ファイル読み込みのセキュリティ制約を回避するいくつかの方法 - Qiita】
https://qiita.com/nissuk/items/1ede2953a8661dc59214

Comments

[退会済みユーザー]

そうですか、承知いたしました。Windows10のクロームで--allow-file-access-from-files をつけて呼び出しましたが、chrome://versionでみるとうまく反映されません、手順お判りでしょうか。
また、サーバーの場合、httpsサーバーのみ対応のようでした。pythonでhttpsサーバーを立ち上げる簡易的な手段をご存知でしょうか。

[kei344]

--allow-file-access-from-filesを付けて、とかその後再起動して、とかいくつか記事はありますが、環境によるようでどれがうまくいくかはわかりません。
「httpsサーバーのみ対応」が何についてかはわかりませんが、pythonを使ったことが無いため環境構築もわかりません。WindowsであればXAMPP （pythonはデフォルトで含まれていませんが）とかVirtualBox／VMwareとかで仮想PCにLINUX入れたりすればよいと思います。

【XAMPP Installers and Downloads for Apache Friends】
https://www.apachefriends.org/jp/index.html

【XAMPPでWeb開発などをしている人は直ぐにVMPlayerに変えたほうが良い【1/8】 | トーハム紀行】
http://torhamzedd.halteria.com/2010/02/xamppwebvmplayer.html

[退会済みユーザー]

その後　PC再起動によりアクセスできるようになりました。回答ありがとうございます。