みらいのためのホームページ:お知らせ・備忘録

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備忘録
© 1999- 岡崎市のホームページ制作会社  デコジャパン株式会社