리코 세타S 로 촬영한 360파노라마를 공유하는 방법, 세타360

 

안녕하세요.

 

지난번에 360카메라 리코 세타S 에 대해서 제품 소개를 한 적이 있는데요. 동시에 소개를 하면서 리코 세타 S 의 홈페이지에 올라오는 360 파노라마 이미지를 공유하는 방법에 대해서 알아보았습니다.

 

이번 포스팅을 적용하기 위해선 HTML 태그 수정이 가능한 블로그에서만 적용이 가능합니다.

 

리코 세타 S 의 갤러리로 이동하면 다양한 샘플들과 유저들이 올린 사진들을 볼 수 있는데요,

 

https://theta360.com/ko/gallery/

 

 

 

 

첫 번째 이미지를 예로 들어서 설명해 보겠습니다.

 

해당 이미지를 클릭하면 세타360 페이지에서 아래와 같은 이미지를 볼 수가 있습니다.

Nordic Aurora in Norway - Spherical Image - RICOH THETA

왼쪽 하단부의 THETA 를 누르면 THETA360 페이지로 이동됩니다. 

 

 

임베디드 부분을 누르면 <blockquote> 와 함께 <Script~> 가 나오는데요 해당 내용들을 전부 복사해 줍니다.

또한 하단에는 켬 / 끔 두가지 옵션 선택이 있는데요. 해당 이미지는 아래에서 직접 차이점을 확인해 보겠습니다.

 

 

 

 임베디드 HTML 코드를 켬 으로 했을 경우

<blockquote data-width="500" data-height="375" class="ricoh-theta-spherical-image" >Nordic Aurora in Norway - <a href="https://theta360.com/spheres/samples/4d5e5174-b367-11e5-aa01-064087ff3472-1" target="_blank">Spherical Image - RICOH THETA</a></blockquote>

<script async src="https://theta360.com/widgets.js" charset="utf-8"></script>

 

 임베디드 HTML 코드를 끔 으로 했을 경우

<blockquote data-mode="click2play" data-width="500" data-height="375" class="ricoh-theta-spherical-image" >Nordic Aurora in Norway - <a href="https://theta360.com/spheres/samples/4d5e5174-b367-11e5-aa01-064087ff3472-1" target="_blank">Spherical Image - RICOH THETA</a></blockquote>

<script async src="https://theta360.com/widgets.js" charset="utf-8"></script>

 

위의 임베디드는 HTML 을 기반으로 작성되어 있으니 티스토리 글쓰기 창에서 오른쪽 상단 부분의 HTML 을 체크한 다음 세타360 홈페이지에서 긁어온 임베디드를 붙여 넣기 해줍니다.

 

 

이후 HTML 체크 해제를 해주면 각각의 텍스트에 <blockquote> 가 걸린 상태로 표시가 되는데요. 이를 글로 게시할 경우에는 하단의 글귀처럼 그대로 적용되지 않고,

 

 

 

아래의 이미지처럼 적용이 됩니다.

 임베디드 HTML 코드를 켬 으로 했을 경우

Nordic Aurora in Norway - Spherical Image - RICOH THETA

   임베디드 HTML 코드를 끔 으로 했을 경우

Nordic Aurora in Norway - Spherical Image - RICOH THETA

 

 

참고로 세타360 사이트의 이미지들은 네이버 카페 및 블로그에서 공유를 할 수가 없는데요, 위의 HTML 태그를 복사 – 붙여넣기 하여 네이버 글쓰기 HMLT에 적용을 하면.

 

 

아래의 이미지처럼 표시되며 360파노라마 spherical Image 표시가 되지 않고, 그냥 href 부분만 인식되서 링크만 표시됩니다.

 

 

여전히 네이버에서 iframe 과 embed 를 지원하지 않는게 매우 아쉬운 부분입니다. 물론 URL 을 통항 링크는 가능하죠.

 

그렇기 때문에 리코 세타S 의 임베디드를 통한 html 공유는 html 을 지원하는 티스토리 와 구글 블로그 외의 블로그 사이트 와 혹은 개인 홈페이지에서만 사용이 가능합니다.

(네이버 블로그 빼고 다됩….. ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ