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

內容簡介

Photo Sphere Viewer 是一款多功能的 WordPress 外掛，能夠輕鬆顯示 360° 全景圖、虛擬導覽、360° 影片及 AR 3D 模型，無需複雜的嵌入代碼。它支援多種攝影設備，適合各種使用場景。

【主要功能】
• 支援多種 360° 內容顯示方式
• 直觀的虛擬導覽構建工具
• 兼容多種攝影設備輸出的全景圖
• 可透過區塊編輯器或 Elementor 小工具添加
• 提供自動旋轉及互動熱點功能（Pro 版）

外掛標籤

開發者團隊

原文外掛簡介

🌐 One plugin, four ways to show something in 360°
Photo Sphere Viewer started as a simple way to drop an equirectangular panorama into a WordPress page without wrestling with iframes or third-party embed accounts. It’s grown into four viewers in one plugin: panoramas, multi-scene virtual tours, 360° video, and AR-ready 3D models (.glb / .gltf). Add any of them through the block editor, an Elementor widget or a shortcode — whatever your site already uses.
If you shoot with a DJI drone, Ricoh Theta, Insta360, or anything that outputs a stitched equirectangular image, it’ll load. No proprietary format, no vendor lock-in.
Upgrade to Pro
📷 Built with real camera gear in mind
A lot of 360 plugins are built by people who never touched a drone. This one wasn’t.

DJI Matrice and other drone panoramas — WordPress quietly re-compresses anything over 2560px into a -scaled.jpg since 5.3, which is fine for a blog photo and terrible for a 40MP aerial panorama. The plugin ships with its own ImageResolver that grabs the original upload instead, so fine detail doesn’t turn to mush.
Ricoh Theta, Insta360, GoPro MAX, Qoocam, Kandao — any properly stitched equirectangular JPEG or PNG just works, no special export needed.
Google Street View and Android Photo Sphere — same deal, drop the file in and go.
Gyroscope viewing (Pro) — point a phone around and the panorama follows, VR-headset style, over HTTPS.

🧭 Four viewers
Panorama viewer — the original use case. Upload an equirectangular JPEG/PNG, visitors drag, pinch and zoom on desktop or mobile. Set field of view, zoom limits, movement speed, a starting yaw/pitch, fullscreen, and a caption navbar with zoom and download buttons. Pro adds auto-rotation, on-screen move buttons, a description panel and clickable info hotspots.
Virtual tour builder — string together as many scenes as you want, connected with 3D arrow hotspots. Each scene gets its own starting angle and caption, and you pick which one loads first. Good fit for real estate walkthroughs, hotel tours, museum floor plans. Pro adds a scene gallery bar, a compass overlay, auto-rotation, on-screen move buttons and a description panel.
360° video player — same dragging/looking-around interaction, but for an equirectangular MP4 instead of a still image. Play/pause, seek, volume. Pro unlocks muted autoplay and loop.
AR 3D model viewer — embeds a .glb/.gltf model via Google’s , with an AR button on phones that support it. Point it at a WordPress Media Library file or an external URL, set a poster image, auto-rotate, shadow intensity and alignment. Pro adds HDR environment lighting, a skybox background, custom camera orbit, and the ability to lock zoom/tap-to-rotate if you’re building a fixed product showcase.
🧩 Add it wherever you build pages

Elementor — four separate widgets (Photo Sphere Viewer, PSV Virtual Tour, PSV 360° Video, AR 3D Viewer), each of which can be switched off individually from the admin panel if you don’t need it cluttering the widget list.
Block editor (Gutenberg) — a 360° Panorama block: pick a photo, set the toolbar, height and info hotspots from the sidebar, done. Shortcodes work too, in a Shortcode block.
Shortcode Builder — a visual admin screen that spits out [psv], [psv_tour], [psv_video], and [psv_ar] shortcodes you can paste into a WooCommerce product description, a theme widget area, or anywhere else shortcodes render.

What else is in the box

Fully responsive, touch-optimized drag/pinch on mobile
Navbar buttons toggle individually — zoom, caption, fullscreen and download free; auto-rotation, move and the description panel with Pro
Style controls for navbar background, caption color, typography, alignment
Width/height in px, %, vh or vw
Default yaw (-180° to 180°) and pitch (-90° to 90°)
Custom canvas background color
Mouse-wheel zoom, drag movement, two-finger touch, Ctrl+scroll, cursor capture and fisheye toggles
Original-resolution image loading for panoramas larger than WordPress’s 2560px threshold (Pro)
Built on Vite, so the frontend bundle stays small
Translation-ready (text domain photo-sphere-viewer, loads from /languages/)
A clean shortcode API and Elementor widget hooks if you’re extending it yourself

Who actually uses this
Real estate agents doing property walkthroughs, hotels and vacation rentals showing off rooms before booking, 360° photographers building portfolios, museums and campuses doing self-guided tours, WooCommerce stores adding 360° product views or AR models, architects showing before/after spaces, and drone pilots who just want their DJI panoramas to not look blurry on the web.
Plays nicely with
Elementor, Elementor Pro, the block editor, WooCommerce, Yoast SEO, Rank Math, WPML, Polylang, and the usual caching suspects — WP Rocket, LiteSpeed Cache, W3 Total Cache. Tested against DJI Matrice/Mavic, Ricoh Theta, Insta360, GoPro MAX, Qoocam, Kandao, and Google Street View exports.
How It Works
Using Elementor
Open the Elementor editor, search the widget panel for Photo Sphere Viewer, PSV Virtual Tour, PSV 360° Video, or AR 3D Viewer, drag one into your layout, then upload your image/video and set the navbar and styling options.
Using the block editor
Add the 360° Panorama block, choose an equirectangular photo, and set the caption, height, toolbar buttons and info hotspots in the sidebar. For tours, 360° video and 3D models, build a shortcode with the Shortcode Builder and drop it into a Shortcode block.
Using Shortcodes
Build one visually with the Shortcode Builder in the admin menu, or write the attributes by hand if you know what you’re doing.
External services
Google Hosted Libraries —
The AR 3D Viewer loads Google’s model-viewer web component from https://ajax.googleapis.com/ajax/libs/model-viewer/3.4.0/model-viewer.min.js. It is requested by the visitor’s browser only on pages that actually contain an AR 3D Viewer widget or a [psv_ar] shortcode; pages without one make no request. Loading a script from Google’s CDN exposes the visitor’s IP address and user agent to Google, as any externally hosted asset does. No other data is sent, and the plugin sends nothing to this service itself.
Google Hosted Libraries terms: https://developers.google.com/terms
Google privacy policy: https://policies.google.com/privacy
If another plugin has already registered the psv-ar-model-viewer script handle, this plugin defers to it and makes no request of its own.
Freemius
Licensing, updates and the optional usage-data opt-in are handled by Freemius. Nothing is sent unless you opt in during activation. Terms: https://freemius.com/terms/ — Privacy: https://freemius.com/privacy/

延伸相關外掛

Mirame360 EmbedWordPress hosting is not designed to stream multi-gigabyt...