[WordPress] 外掛分享： Photo Sphere Viewer – 360° Panorama, Virtual Tour, 360 Video & AR 3D Model Viewer

內容簡介

Photo Sphere Viewer 是一款專為 WordPress 設計的外掛，能夠嵌入驚人的 360° 全景圖像、互動虛擬導覽及沉浸式 360° 影片，適合房地產、旅館、攝影及旅遊部落客使用。

【主要功能】
• 支援上傳 equirectangular 全景圖像
• 創建多場景虛擬導覽
• 嵌入 360° 影片播放功能
• 提供自訂起始視角與全螢幕模式
• 顯示縮圖畫廊以快速切換場景

外掛標籤

開發者團隊

原文外掛簡介

The All-in-One 360° Panorama, Virtual Tour, 360 Video & AR 3D Plugin for WordPress
Photo Sphere Viewer is the most complete 360° panorama plugin for WordPress — embed interactive 360 panoramic images, build multi-scene virtual tours, play immersive 360° videos, and showcase AR-ready 3D models (.glb / .gltf) on any page. Works natively with Elementor, the Gutenberg block editor, and a visual Shortcode Builder — no coding required.
Built for real estate virtual tours, hotel room previews, 360 photographer portfolios, travel & tourism websites, museum & campus tours, WooCommerce 360 product views, and AR product configurators — Photo Sphere Viewer turns any WordPress site into an immersive experience.
Upgrade to Pro
Built for DJI, Ricoh Theta, Insta360 & Pro 360° Cameras
Photo Sphere Viewer is purpose-built for professional equirectangular workflows:

DJI Matrice & drone panoramas — Loads true un-scaled original uploads via the built-in ImageResolver, bypassing the WordPress 5.3+ -scaled.jpg quality loss so aerial detail stays sharp on huge panoramas.
Ricoh Theta, Insta360, GoPro MAX, Qoocam, Kandao — Any stitched equirectangular JPEG/PNG works out of the box.
Google Street View & Photo Sphere XMP — Drop in any Street View image or Android Photo Sphere capture.
Stereoscopic & VR-ready — Pro gyroscope mode unlocks VR-style head-orientation viewing on mobile (HTTPS).

4 Immersive Viewers — All in One Plugin
1. 360° Panorama Viewer
Upload any equirectangular panorama (JPEG/PNG) and let visitors drag, pinch, and zoom on desktop and mobile.

Drag-to-explore with mouse and touch gestures
Pinch-to-zoom and mouse-wheel zoom
Configurable field of view, zoom limits, and movement speed
Auto-rotation with adjustable delay and speed
Custom starting position (yaw / pitch)
Fullscreen mode + caption navbar
Free zoom & download buttons in the panorama navbar

2. Virtual Tour Builder
Create unlimited multi-scene virtual tours linked by 3D navigation arrows — ideal for real estate walkthroughs, hotel tours, museums, and campus maps.

Unlimited scenes per tour
3D arrow hotspots between scenes
Per-scene starting position (yaw / pitch)
Per-scene captions and start scene selection
Pro: scene gallery thumbnail bar, compass overlay, premium navbar (move, fullscreen, autorotate, description, zoom, download)

3. 360° Video Player
Embed interactive 360-degree videos — viewers can look around while the equirectangular MP4 plays.

MP4 and common web video formats
Play/pause, seek, and volume controls in the navbar
Pro: muted autoplay, loop, and zoom/fullscreen/download navbar

4. AR 3D Model Viewer
Embed interactive .glb / .gltf 3D models with optional AR mode on supported iOS / Android devices (powered by Google ). Perfect for product configurators, e-commerce, portfolios, and education.

Model from URL or WordPress Media Library + optional poster
Auto-rotate, shadow intensity, alignment, canvas sizing
Pro: HDR environment lighting, skybox background, custom camera orbit, disable zoom, disable tap-to-rotate

Three Ways to Add 360° Content

Elementor widgets — Four dedicated widgets: Photo Sphere Viewer, PSV Virtual Tour, PSV 360° Video, AR 3D Viewer. Individually toggle each widget from the admin panel.
Gutenberg block — Native block editor support with live preview. (coming soon)
Shortcode Builder — Visual admin UI under the Photo Sphere Viewer menu generates [psv], [psv_tour], [psv_video], and [psv_ar] shortcodes — paste anywhere, including WooCommerce product descriptions, page builders, and theme widgets.

All Features at a Glance

Fully Responsive — Desktop, tablet, and mobile with touch-optimized drag and pinch-to-zoom
Customizable Navbar — Toggle zoom, caption, fullscreen, autorotate, and download buttons
Style Controls — Navbar background, caption color, typography, and alignment
Flexible Sizing — Width / height in px, %, vh, or vw
Starting Position — Default yaw (-180° to 180°) and pitch (-90° to 90°)
Canvas Background — Custom color behind the panorama
Mouse & Touch Options — Toggle mouse wheel zoom, drag movement, two-finger touch, Ctrl+scroll, cursor capture, fisheye
Original-Resolution Loader — Built-in ImageResolver defaults shortcodes to use_original=yes for DJI / large panoramas
Lightweight & Fast — Vite-built bundle, optimized for Core Web Vitals
Translation Ready — Loads translations from /languages/ (Text Domain: photo-sphere-viewer)
Developer Friendly — Clean shortcode API with full attribute control + Elementor widget hooks

Perfect For

Real Estate Agents & Agencies — Virtual property tours, open house walkthroughs, listing pages
Hotels, Resorts & Vacation Rentals — Room previews, lobby tours, amenity showcases
360° Photographers — Panoramic portfolios with gallery navigation
Travel & Tourism — Destination previews, city tours, landmark experiences
Education & Museums — Campus tours, exhibit walkthroughs, virtual classrooms
WooCommerce & E-Commerce — 360° product views and AR-ready 3D models on product pages
Architects & Interior Designers — Project showcases, before/after spaces
Event Venues & Weddings — Venue tours, conference halls, wedding location showcases
Drone & Aerial Pilots (DJI Matrice) — High-resolution aerial 360° panoramas at full quality

Compatible With
Elementor, Elementor Pro, Gutenberg block editor, WooCommerce, Yoast SEO, Rank Math, WPML, Polylang, popular caching plugins (WP Rocket, LiteSpeed Cache, W3 Total Cache), and any WordPress theme that supports shortcodes. Works alongside common page builders.
Tested with cameras: DJI Matrice / Mavic, Ricoh Theta, Insta360, GoPro MAX, Qoocam, Kandao, Google Street View, and any standard equirectangular output.
How It Works
Using Elementor

Open the Elementor editor.
Search for Photo Sphere Viewer, PSV Virtual Tour, PSV 360° Video, or AR 3D Viewer in the widget panel.
Drag the widget into your layout.
Upload your panorama image or video and configure display settings, navbar controls, and styling.

Using Gutenberg
Insert the Photo Sphere Viewer block, upload your panorama, and configure options from the sidebar panel.
Using Shortcodes
Use the built-in Shortcode Builder from the admin menu to visually create shortcodes, or write them manually: