Frequently Asked Questions¶
Common questions and answers about WebXR Gallery.
General Questions¶
What is WebXR Gallery?¶
WebXR Gallery is a platform for creating immersive 360° virtual reality experiences. You can build virtual tours, product showcases, training environments, and more using panoramic images or videos.
What browsers are supported?¶
| Browser | Support | WebXR |
|---|---|---|
| Chrome 79+ | Full | |
| Firefox 98+ | Full | |
| Safari 15.4+ | Full | |
| Edge 79+ | Full | |
| Mobile Chrome | Full | |
| Mobile Safari | Full |
What VR headsets work?¶
All major WebXR-compatible headsets:
- Meta Quest (Quest 2, Quest 3, Quest Pro)
- Pico (Neo 3, Pico 4)
- Apple Vision Pro
- HTC Vive (via SteamVR browser)
- Valve Index (via SteamVR browser)
- Windows Mixed Reality
Is it free to use?¶
Yes! We offer a free tier with:
- 2 sequences
- 3 stages per sequence
- Image skyboxes only
- Basic features
Upgrade to Basic, Pro, or Enterprise for more features.
Content Questions¶
What image format should I use?¶
Requirements:
- Format: JPEG or PNG (JPEG recommended for smaller files)
- Projection: Equirectangular (2:1 aspect ratio)
- Minimum size: 4096x2048 pixels
- Recommended: 8192x4096 for high quality
- Maximum: 16384x8192 (8K)
What video formats are supported?¶
Supported formats:
- MP4 (H.264, H.265)
- WebM (VP9)
After upload:
- Videos are automatically transcoded via Mux
- HLS streaming is generated for adaptive quality
- MP4 fallback for older browsers
How do I create 360° images?¶
Options:
- 360° Camera: Ricoh Theta, Insta360, GoPro Max
- Smartphone apps: Google Street View, 360 Panorama
- DSLR + stitching: PTGui, Hugin
- 3D rendering: Blender, Unity
What's the maximum file size?¶
| Content Type | Max Size |
|---|---|
| Images | 50 MB |
| Videos | 2 GB |
| Audio | 50 MB |
Hotspot Questions¶
What hotspot types are available?¶
| Type | Purpose |
|---|---|
| Info | Display text, images, descriptions |
| Audio | Play audio when clicked |
| Both | Combine info and audio |
| Navigation | Move to another stage |
| Lead Capture | Collect visitor information |
How do I position hotspots?¶
Option 1: Click-to-place
- Click "Add Hotspot in Preview"
- Click anywhere in the 360° view
- Hotspot is placed at that position
Option 2: Manual coordinates
Enter X, Y, Z coordinates directly. The coordinate system:
- X: Left (-) / Right (+)
- Y: Down (-) / Up (+)
- Z: Behind (-) / Front (+)
Can hotspots play video?¶
Not currently. Info hotspots support:
- Text (title, description)
- Images
Audio hotspots support:
- Audio files (MP3, WAV, OGG)
Video in hotspots is planned for a future release.
How do I make hotspots visible in VR?¶
Hotspots automatically adapt to VR:
- Render as 3D spheres in space
- Highlight on controller raycast hover
- Activate with trigger button
- Info panels display in 3D GUI plane
Navigation Questions¶
What portal styles are available?¶
Navigation hotspots can use different visual effects:
| Style | Description |
|---|---|
| Clean | Modern, minimalist portal effect |
| Enhanced | Animated with glow effects |
| Minimal | Subtle, unobtrusive design |
| Alien | Sci-fi themed portal animation |
| Floor Arrow | Flat decal arrow on floor for indoor spaces |
Can I mix portal styles?¶
Yes! Each navigation hotspot can have its own portal style. You can mix different styles in the same stage for different visual effects.
How do I set up the mini map?¶
- Enable Mini Map in sequence settings
- For each stage, set X/Y coordinates on the map
- Optionally upload a custom map background image
- User position updates automatically during navigation
Technical Questions¶
Why isn't VR mode working?¶
Common causes:
- Not using HTTPS: WebXR requires secure context
- Browser not supported: Check browser compatibility
- Permissions denied: Allow XR in browser settings
- No headset connected: Ensure headset is detected
Solution:
// Check WebXR support
if ('xr' in navigator) {
navigator.xr.isSessionSupported('immersive-vr')
.then(supported => console.log('VR supported:', supported));
}
Why are my images blurry?¶
Possible causes:
- Source resolution too low: Use at least 4K (4096x2048)
- Compression artifacts: Use high-quality JPEG (90%+)
- Wrong projection: Must be equirectangular
- Browser caching: Clear cache and reload
Why is audio not playing?¶
Browser autoplay policies:
Browsers block audio autoplay. Audio will play after user interaction:
- User clicks/taps anywhere on page
- User enters VR mode
- User clicks a hotspot
We handle this automatically with Babylon.js audio unlock.
How do I fix CORS errors?¶
See CORS Troubleshooting Guide for detailed solutions.
Quick fix:
Ensure your media URLs have proper CORS headers:
Account & Billing¶
How do I upgrade my plan?¶
- Go to Dashboard → Settings → Subscription
- Click "Upgrade"
- Select your plan
- Complete payment via Stripe
Can I cancel my subscription?¶
Yes, cancel anytime:
- Go to Dashboard → Settings → Subscription
- Click "Manage Subscription"
- Click "Cancel Subscription"
You'll retain access until the billing period ends.
What happens to my content if I downgrade?¶
- Existing content remains
- You can't create new content beyond the lower tier limits
- No content is deleted automatically
Do you offer refunds?¶
Yes, within 14 days of initial purchase or upgrade. Contact support.
Privacy & Security¶
Where is my data stored?¶
- Files: Google Cloud Storage (Firebase)
- Database: Firebase Firestore
- Videos: Mux (for transcoding/streaming)
- Payments: Stripe (PCI compliant)
Is my content private?¶
You control visibility:
- Public: Anyone with link can view
- Unlisted: Link only, not searchable
- Private: Password protected
Do you track visitors?¶
Optional analytics track:
- View counts
- Session duration
- Device types
- Geographic regions
No personal data is collected unless you enable lead capture.
Integration Questions¶
Can I embed experiences on my website?¶
Yes! Use an iframe:
<iframe
src="https://webxrgallery.com/viewer/YOUR_ID"
width="100%"
height="600"
allow="xr-spatial-tracking; fullscreen; autoplay"
></iframe>
Is there an API?¶
Yes, the viewer exposes a JavaScript API:
const viewer = document.querySelector('webxr-viewer');
viewer.goToStage('gallery');
viewer.enterVR();
Full API documentation coming soon.
Can I use custom domains?¶
Yes, on Pro and Enterprise plans:
- Add your domain in sequence settings
- Configure DNS CNAME record
- SSL is automatically provisioned
Still Have Questions?¶
- Documentation: Browse the sidebar
- GitHub Issues: Report bugs
- Discussions: Ask the community
- Email: support@webxrgallery.com