360度環景拍攝

目的

  • 拍攝360度環景圖

  • 可用在網頁上,並且開發時方便使用

  • 環景圖內可標示各種後續行為,例如開圖、開燈箱、另開網站、平面圖、點位路線等

  • 可符合無障礙

工具

  • 環景拍攝工具,如 insta360

  • 腳架

  • 編輯照片軟體,如 insta360 App、insta360 studio

  • 編輯環景軟體,如 pano2VRarrow-up-right

步驟

  1. 將拍攝器材架在腳架上

  2. 確定水平儀

  3. 將拍攝器材連接至手機,確定是要拍攝 360 度環景模式,準備 remote 拍攝

  4. 空間淨空:注意鏡子反射

  5. 使用手機即時預覽,確認空間清空後拍照

  6. 等待中...等待中...喀擦!

  7. 使用手機或拍攝裝置預覽成果圖,有缺陷馬上再拍,不要浪費已淨空的區域(有時是在人多的地方,會需要口頭請對方配合,通常人的心理配合一次以上心情就會不好)

  8. 完成後將拍攝裝置或記憶卡連接電腦

  9. 開啟編輯照片軟體

  10. 輸入來源

  11. 逐張檢視成果並微調光線等

  12. 輸出

  13. 開啟編輯環景軟體

  14. 建立專案

  15. 輸入步驟 12 之來源

  16. 編輯環景資訊,例如照片描述、互動標示、清除腳架、模糊敏感資訊等

  17. 輸出 HTML 檔並預覽、測試

  18. 配合使用之前端框架,使用軟體或手動調整 HTML 檔內路徑。 以 Nuxt3 與 pano2VR 為例,public資料夾下的東西,網址是 baseUrl + {public裡面的路徑},所以如果 HTML 檔要放在 public 下,就要調整檔案 skin.js 的 basePath

  19. 將 HTML 放置在網站 source 檔內,測試是否能在網站中使用

  20. 測試所有功能是否正常

費用(以 pano2VR 和 insta360 為例)

  • insta360 X4:NT$16060 (不含記憶卡)

    insta 360 官方網站2025年3月21日截圖,insta360 X4 價格不含記憶卡為台幣 16060 元
  • Pano2VR 台灣代理 Licence 一組:約 1~2 萬,可應用在您幫客戶製作的專案。

Last updated

Was this helpful?