• Proceed to the Next Steps
    XpressEngine & Rhymix

    손쉬운 기능 추가

    핵심코드를 수정하지 않고 웹 사이트에 기능을 더할 수 있습니다.
    마켓플레이스 자료실
  • Proceed to the Next Steps
    Maintainable code

    유지보수 가능한 코드

    유지보수가 용이하도록 프로그램을 제작&개발해드립니다.
    제작 문의 1:1 문의

웹 개발 Google VR API를 이용해서 웹 페이지에 360˚ 이미지 보여주기

2019.07.20 15:53

퍼니XE 조회 수:260

<iframe src="//storage.googleapis.com/vrview/2.0/embed?video=link/to/video.mp4&is_stereo=true"></iframe>

 

<iframe width="100%" height="300px" allowfullscreen frameborder="0" src="//storage.googleapis.com/vrview/index.html?image=//storage.googleapis.com/vrview/examples/coral.jpg&is_stereo=true"></iframe>

 

구글에서 제공하는 VR API를 이용하면 웹 페이지에서도 360˚ 이미지를 손쉽게 보여줄 수 있습니다.
image 파라메터에는 웹 상에서 접근할 수 있는 이미지 경로를 넘겨주면 됩니다.
(반드시 http나 https를 포함한 이미지 절대 경로를 넘겨주셔야 합니다)

 

필요에 따라 width나 height 값을 조정해서 이미지 크기를 조절할 수 있습니다.

 

참고: https://developers.google.com/vr/concepts/vrview-web

이 게시물을
목록
목록
18 <select> 태그 내용 가운데 정렬하기
Cate.HTML/CSS 퍼니XE 2020.09.21 Read. 22

내용요약이 없습니다. 내용표시를 위해서는 게시판설정 -> 고급->목록설정 에서 "요약"을 추가해 주시기 바랍니다.

17 구글 번역기 HTML 코드
Cate.웹 개발 퍼니XE 2020.08.10 Read. 56

내용요약이 없습니다. 내용표시를 위해서는 게시판설정 -> 고급->목록설정 에서 "요약"을 추가해 주시기 바랍니다.

16 Google reCAPTCHA V2 애드온 사용 시 모든 에러가 나오는 경우
Cate.XE 퍼니XE 2020.06.22 Read. 98

내용요약이 없습니다. 내용표시를 위해서는 게시판설정 -> 고급->목록설정 에서 "요약"을 추가해 주시기 바랍니다.

15 폰트가 깨져보일 때 뚜렷하게 하는 방법 (IE9+)
Cate.HTML/CSS 퍼니XE 2020.06.07 Read. 82

내용요약이 없습니다. 내용표시를 위해서는 게시판설정 -> 고급->목록설정 에서 "요약"을 추가해 주시기 바랍니다.

14 [XE 위키 모듈] XE 위키 문법 - 링크 걸기
Cate.XE 퍼니XE 2020.05.14 Read. 82

내용요약이 없습니다. 내용표시를 위해서는 게시판설정 -> 고급->목록설정 에서 "요약"을 추가해 주시기 바랍니다.

13 [CSS3] user-select property로 드래그 방지하기
Cate.HTML/CSS 퍼니XE 2020.05.11 Read. 57

내용요약이 없습니다. 내용표시를 위해서는 게시판설정 -> 고급->목록설정 에서 "요약"을 추가해 주시기 바랍니다.

12 (메뉴얼 사이트에 쓰면 유용한) 우측에 따라오는 메뉴 만들기 file
Cate.Javascript 퍼니XE 2020.01.31 Read. 105

내용요약이 없습니다. 내용표시를 위해서는 게시판설정 -> 고급->목록설정 에서 "요약"을 추가해 주시기 바랍니다.

11 [XE3] 콘솔에서 플러그인 설치하기
Cate.XE 퍼니XE 2019.12.05 Read. 161

내용요약이 없습니다. 내용표시를 위해서는 게시판설정 -> 고급->목록설정 에서 "요약"을 추가해 주시기 바랍니다.

10 [XE3] 캐시 파일 재생성 명령어
Cate.XE 퍼니XE 2019.12.03 Read. 88

내용요약이 없습니다. 내용표시를 위해서는 게시판설정 -> 고급->목록설정 에서 "요약"을 추가해 주시기 바랍니다.

9 [XE] 접속한 회원의 포인트를 가져와서 보여주기
Cate.XE 퍼니XE 2019.10.25 Read. 90

내용요약이 없습니다. 내용표시를 위해서는 게시판설정 -> 고급->목록설정 에서 "요약"을 추가해 주시기 바랍니다.

8 [XE 템플릿 문법] 특정 페이지에서 OO 보여주기
Cate.XE 퍼니XE 2019.10.25 Read. 165

내용요약이 없습니다. 내용표시를 위해서는 게시판설정 -> 고급->목록설정 에서 "요약"을 추가해 주시기 바랍니다.

7 [리눅스] 파일 내용 검색하기
Cate.기타 퍼니XE 2019.10.21 Read. 159

내용요약이 없습니다. 내용표시를 위해서는 게시판설정 -> 고급->목록설정 에서 "요약"을 추가해 주시기 바랍니다.

6 [Javascript] 팝업창에서 부모창으로 submit 하기
Cate.Javascript 퍼니XE 2019.09.16 Read. 221

내용요약이 없습니다. 내용표시를 위해서는 게시판설정 -> 고급->목록설정 에서 "요약"을 추가해 주시기 바랍니다.

5 [PHP] mb_substr() 함수를 이용한 한글 문자열 자르기
Cate.PHP 퍼니XE 2019.08.21 Read. 114

내용요약이 없습니다. 내용표시를 위해서는 게시판설정 -> 고급->목록설정 에서 "요약"을 추가해 주시기 바랍니다.

4 무료 이미지 제공 사이트 "Pixabay"
Cate.기타 퍼니XE 2019.08.21 Read. 170

내용요약이 없습니다. 내용표시를 위해서는 게시판설정 -> 고급->목록설정 에서 "요약"을 추가해 주시기 바랍니다.

3 XE 설치 화면이 나올 때 대처법
Cate.XE 퍼니XE 2019.08.05 Read. 97

내용요약이 없습니다. 내용표시를 위해서는 게시판설정 -> 고급->목록설정 에서 "요약"을 추가해 주시기 바랍니다.

2 [XE Core 1.4.4 이상] 새 템플릿 문법을 쉽게 알아보자.
Cate.XE 퍼니XE 2019.07.20 Read. 102

내용요약이 없습니다. 내용표시를 위해서는 게시판설정 -> 고급->목록설정 에서 "요약"을 추가해 주시기 바랍니다.

1 Google VR API를 이용해서 웹 페이지에 360˚ 이미지 보여주기
Cate.웹 개발 퍼니XE 2019.07.20 Read. 260

내용요약이 없습니다. 내용표시를 위해서는 게시판설정 -> 고급->목록설정 에서 "요약"을 추가해 주시기 바랍니다.

1
쓰기 태그