デコマガジン

Richo Thetaで撮影した360°画像のホームページへの掲載方法

Richo Thetaで撮影した360°画像のホームページへの掲載方法画像


Google VR : VR View for th Web

リコーシータで撮影した360°写真をホームページに埋め込みたい!

Javascriptで出力する方法

※Google Chrome以外では表示されません。

【Javascriptを読み込む】

<script src="https://decojapan.com/vr/build/vrview.min.js"></script>

【360°画像を配置する】

<div id="view360"></div>

【360°画像のパラメータ】

<script>
var vrView;
window.addEventListener('load', onVrViewLoad)
function onVrViewLoad(){
vrView = new VRView.Player('#view360', {
image: 'https://decojapan.com/blog/media/539670099.110625.JPG',
width: 800,
height: 400
}); } </script>

詳しくは、Google VR ページ

写真はご厚意で丸ヨ建設様の本社前で撮影させて頂きました。

記事一覧


ホームページ制作
について

デコジャパンの
サービス内容

ホームページの
実績紹介

デコマガジン
HP&PC