Pannell js

1.라이센스

MIT

Pannell js 사이트
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/pannellum@2.5.6/build/pannellum.css"/>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pannellum@2.5.6/build/pannellum.js"></script>

<style>
  #panorama {
    width: 600px;
    height: 400px;
 }
</style>

<div id="panorama"></div>

<script>
  pannellum.viewer('panorama', {
    "type": "equirectangular",
    "panorama": "https://pannellum.org/images/alma.jpg"
 });
< /script >

1. 이미지 로드하지않은 상태로 미리보기

2. 즉시 로드하여 보기

3. 커스텀 핫스팟 (총 3개 입니다 회전해보세요.)

4. 이미지 이동하기( 공간이동 )


5. 이미지 회전 ( 속도조절가능 )

6. 커스텀 버튼 및 기본컨트롤러 제거

전체화면
자이로스코프
7. 부분 파노라마 ( 미구현 )

8. 파이썬을 이용한 해상도 높이기, 동영상 360 ( 미구현 )


1. 카페


2. 모리나


3. 하우스


4. 오피스