PHP全景照片展示是一種全景展示方式，可以展示高清全景照片。全景照片是由多幅單張照片合成一張整體照片的方式展現。PHP 360全景就是利用PHP語言來實現全景照片的展示效果。

在使用PHP 360全景展示照片時，需要先將單張照片拼接成整張全景照片。我們可以用Photoshop等軟件來拼接照片。拼接好的照片需要調用PHP 360全景代碼來實現解析和展示效果。

<!-- 容器 -->
<div id="pano"></div>
<!-- 引入Three.js庫 -->
<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/three.js/109/three.min.js"></script>
<!-- 引入解析庫 -->
<script type="text/javascript" src="/js/pano2vr_player.js"></script>
<!-- 自定義展示參數 -->
<script type="text/javascript">
//使用全景照片
var panoImage = "/360pano/pano1.jpg";
//初始化參數
var panoSettings = {
//場景環境
viewMode: "webgl",
//渲染場景
container: "pano",
//全景位置
pano: panoImage,
//視角范圍
fov: 70,
//相機距離
autoRotate: true,
//場景大小
mouseZoom: true,
//用戶操作
controls: {
mouseView: true,
},
hotspotDebug: false,
};
var pano = new PanoPlayer(panoSettings);
</script>

如上面代碼所示，我們需要引入Three.js庫和解析庫，以及自定義展示參數。其中，參數中的panoImage為全景圖片的文件路徑，viewMode為場景環境，fov為視角范圍，controls為用戶操作等參數可以自行設置。

在展示全景照片時，我們還可以添加熱點、音頻、視頻等功能。例如，我們在全景照片中添加一個音頻熱點，用戶點擊該熱點就可以聽到背景音樂。

<!-- 容器 -->
<div id="pano"></div>
<!-- 引入Three.js庫 -->
<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/three.js/109/three.min.js"></script>
<!-- 引入解析庫 -->
<script type="text/javascript" src="/js/pano2vr_player.js"></script>
<!-- 自定義展示參數 -->
<script type="text/javascript">
//使用全景照片
var panoImage = "/360pano/pano1.jpg";
//初始化參數
var panoSettings = {
//場景環境
viewMode: "webgl",
//渲染場景
container: "pano",
//全景位置
pano: panoImage,
//視角范圍
fov: 70,
//相機距離
autoRotate: true,
//場景大小
mouseZoom: true,
//用戶操作
controls: {
mouseView: true,
},
hotspotDebug: false,
//音頻熱點
hotspots: [
{
id: "audio_spot",
type: "sound",
position: {x: 0, y: 200, z: 0},
width: 200,
height: 200,
url: "/media/bg.mp3",
},
],
};
var pano = new PanoPlayer(panoSettings);
</script>

如上所示，我們在自定義展示參數中添加了一個音頻熱點，hotspot的id為"audio_spot"，type為音頻，position為熱點位置，url為音頻文件路徑。用戶點擊該熱點可以聽到音樂。

總之，PHP 360全景展示技術使得我們可以輕松地展示全景照片，并添加各種互動效果，非常適合用來展示旅游景點、房地產樓盤等信息。