삼성 기어 360(Gear 360)으로 찍은 사진 블로그에 올리기 #준비작업

블로그에 360 사진을 올려보자

---

관련내용

2017/05/08 - [VR] - 삼성 기어 360(Gear 360)으로 찍은 사진 블로그에 올리기 #준비작업

2017/05/08 - [VR] - 삼성 기어 360(Gear 360)으로 찍은 사진 블로그에 올리기 #준비작업2

2017/05/15 - [VR] - 삼성 기어 360(Gear 360)으로 찍은 사진 블로그에 올리기 #적용완료

기어 360(Gear 360)을 구입하고 사진을 찍고 동영상을 찍고 그 찍은 사진이나 동영상은 대부분 스마트폰으로 감상하였습니다.

그러다 블로그에 같이 공유했으면 하는 일들이 생기고 해서 본격적으로 블로그에 기어 360(Gear 360) 사진을 올리는 방법을 알아 보았습니다. 조금 이곳 저곳을 둘러 보았는데 동영상은 유튜브를 통해서 올리면 될듯 한데 사진 올리기가 좀 그렇더군요. 네이버는 자체적으로 360 사진을 올릴수 있게 지원해주는데 티스토리는 아직이더군요... 그래서 또 티스토리에서 사진을 올리는 법을 찾아 이리저리 다녔습니다.

두리번 두리번 거리던중 Pannellum 이란 싸이트를 발견하였습니다.

Pannellum(링크)

△ 홈페이지에 접속하면 나오는 360 화면과 설명 입니다.

처음 Pannellum 싸이트를 찾고 올리는 방법이 어디 있나 찾아봤지만 설명이 올라온것은 찾지 못했습니다. 그래서 힘들고 어렵지만 아주 차근차근 싸이트를 둘러보기로 결정을 하였습니다. 우선 Pannellum 홈페이지를 구글 번역부터 하고 ㅎㅎ

△ 이제 360 사진을 블로그에 올리기의 첫 걸음 페이지 번역부터 시작!

플러그인을 무료로 제공하는 오픈소스 파노라마 뷰어 라고 설명이 되어 있습니다. 그러면 잘 만드신 뷰어 잘 써보도록 하겠습니다.

△ Features 를 풍모라고 하는군요 ㅎㅎ 저도 잘 안쓰는 단어를 구글번역기는 사용하는군요 ㅎ

익스플로러 10 이전버전에서 지원을 안한다고 하니 좀 문제가 있군요... 테스트시 티스토리 어플을 통해서는 볼수가 없더군요.. 모바일 크롬에서는 동작되는걸 확인했지만 좀 아쉽군요..

△ 자체 호스팅, CDN 좀 어려운 단어들이 나옵니다.;;

호스팅

제공자 등의 사업자가 주로 개인 홈페이지의 서버 기능을 대행하는 것. 기업의 대용량 메모리 공간 일부를 이용하여 사용자의 홈페이지나 웹 서버 기능을 대행하는 서비스. 이로써 사용자는 웹 서버의 운영 관리와 고속 전용선을 상시 사용하므로 회선 사용료의 부담을 줄일 수 있다. 사용자가 가진 도메인에서 홈페이지 개설부터 서버 관리까지 대행해주므로 독자 도메인 서비스라고도 한다. 한편, 서버를 갖고 있지 않은 사용자에게 웹 사이트나 서버 기능을 대여하는 것을 렌털 서버(rental server)라고 한다.

[네이버 지식백과]

CDN

CDN(Contents Delivery Network)은 말그대로 직역하면 컨텐츠 배달 네트워크다.

즉 게임 클라이언트나 콘텐츠를 효율적으로 전달하기 위해 분산된 서버에 데이터를 저장해 사용자에게 전달하는 시스템을 말한다.

CDN은 보통 인터넷 서비스 제공자(ISP, Internet Service Provider)에 직접 연결해 데이터를 전송하는데, 이렇게 되면 한꺼번에 많은 사용자가 몰렸을 때 데이터 전송 속도가 느려지는 등의 콘텐츠 병목 현상을 피할 수 있다는 장점이 있다. 이렇게 연결된 구조는 콘텐츠 공급자에게 안정성과 더불어 비용 절감효과를 가져다 준다.

이런 이유로 CDN은 온라인 게임에서 주로 활용되는데, 온라인 게임은 OBT(Open Beta Test)나 정식 서비스 시작시점에 클라이언트(Client) 다운로드(Download) 수요가 급격하게 증가해 콘텐츠 병목 현상이 일어나거나, 심한 경우 서버가 다운되기도 하기 때문에 CDN이 필수적으로 사용된다. 서비스 시작 시점뿐 아니라 대규모 업데이트(Update)를 위한 패치(Pacth)가 있을 경우에도 콘텐츠 병목 현상이 발생하는 경우가 있어 CDN을 사용하게 된다.

[네이버 지식백과]

그러나 웹에서 CDN 이란 말은 다른 사이트에서 ".js", ".css" 파일 같은 것을 대신 사용할때 쓰는 말이다.

즉 "사실상 모든 웹 서버에서 Pannellum을 정적 콘텐츠로 자체 호스팅 할 수 있지만 편의를 위해 CDN이 제공됩니다" 이말은 .js .css 파일을 자체 서버에 올려서 사용할수 있지만 편의(테스트나 서버에 올리기 힘들때?)를 위해 Pannellum 서버에 올려진 .js .css 를 사용할수 있습니다. 이뜻입니다.

전 그래서 혹시 Pannellum 싸이트가 없어지거나 다운되었을 경우 제가 어찌 할수 없기에 제가 따지기라도 할수 있는 티스토리에 자체 호스팅 하기로 하였습니다.

△ 파넬럼 2.3.2 다운로드를 눌러 pannellum.js 와 pannellum.css 를 다운로드 받습니다.

△ 다운로드 완료 되었습니다.

△ 압축파일 안에 pannellum.js 와 pannellum.css 파일이 들어 있습니다.

이제 준비는 되었습니다.

다운 받은 파일을 가지고 티스토리에서 이것저것 손대서 아래와 같이 티스토리 화면에서 360 화면을 볼수 있도록 만들도록 하겠습니다. 처음할땐 조금 복잡하다 싶은데 적용하고 나면 좀 간단해서 별거 아니라고 느끼고 있습니다. 사실 사진 올리면서 복잡하고 힘들면 사진을 잘 올리기 힘들잖아요. 티스토리에서 자체적으로 360 사진을 올리는 기능이 생겼으면 참 좋겠다는 생각을 그래서 하고 있습니다. ㅎㅎ

관련내용

2017/05/08 - [VR] - 삼성 기어 360(Gear 360)으로 찍은 사진 블로그에 올리기 #준비작업

2017/05/08 - [VR] - 삼성 기어 360(Gear 360)으로 찍은 사진 블로그에 올리기 #준비작업2

2017/05/15 - [VR] - 삼성 기어 360(Gear 360)으로 찍은 사진 블로그에 올리기 #적용완료

---