360度画像の表示検証メモ
2020.12.17
https化後の360度画像の表示検証
・外部サービスに依存しない方法は下記の3通り
①Google VR View
・セキュリティの関係で、httpの環境では表示されない。一部の環境からはhttpsでも表示不可。
・グーグルホスト型VR Viewを使う場合は、画像を置くサーバーがCORS(Cross-Origin Resource Sharing)をサポートしていることも必要。
・スマホのジャイロセンサーに敏感に反応して見れる画像ではない。
②a-frame
IE以外で表示可能。画面移動が反対。ジャイロセンサー対応
③Pannellum
全てのブラウザで無条件で表示可能。ジャイロセンサー連動on-off可能。初期画面で自動回転可能。この中では一番安定している。
比較する為,同じ画像を表示
①Google VR View
②a-frame
③Pannellum
【参考】外部サービスを使用する方法
①RICHO THETA
②ハコスコストア
③WordPressのプラグイン
・外部サービスに依存しない方法は下記の3通り
①Google VR View
・セキュリティの関係で、httpの環境では表示されない。一部の環境からはhttpsでも表示不可。
・グーグルホスト型VR Viewを使う場合は、画像を置くサーバーがCORS(Cross-Origin Resource Sharing)をサポートしていることも必要。
・スマホのジャイロセンサーに敏感に反応して見れる画像ではない。
②a-frame
IE以外で表示可能。画面移動が反対。ジャイロセンサー対応
③Pannellum
全てのブラウザで無条件で表示可能。ジャイロセンサー連動on-off可能。初期画面で自動回転可能。この中では一番安定している。
比較する為,同じ画像を表示
①Google VR View
②a-frame
③Pannellum
【参考】外部サービスを使用する方法
①RICHO THETA
②ハコスコストア
③WordPressのプラグイン