360도 사진 웹사이트에 구현하기

프로젝트를 진행하는 중에 문제가 생겼다.

인스타360 카메라로 찍은 사진이 웹사이트에서는 구현이 안된다는 것이다.

그래서 구글링을 해봤다.

 

역시 구글에는 없는게 없다.

 

Marzipano

Marzipano - a 360° viewer for the modern web

웹사이트에 들어가서

Marzipano Tool을 클릭한다.

 

Start 클릭한다.

 

select files를 클릭하고 360도 사진을 선택한다.

 

자동으로 360도 구현해주고 setting에 설정도 가능하다.

info hotspot = 사진 설명이 가능한 이모티콘을 생성한다.

Link hotspot = 사진이 여러 장일 경우에 사진간에 이동이 가능한 화살표를 만들어준다.

Set initial view = 360도 사진에 초기화면을 설정해준다.

 

tool에서 간단하게 구현할 수 있다.