Embed a VR Video Preview with the ScreenLab SDK
Drop BuildVR's interactive ScreenLab panel into your own React app. Let your users preview VR and 360° video across flat, curved, and dome environments — and fine-tune playback and immersion — before they ever publish.
Who it's for
Built for teams shipping VR at scale
VR & 360 Video Platforms
Give your users a built-in preview simulator instead of building your own VR viewer from scratch.
E-Learning & Training Tools
Let course creators preview immersive training content across dome and curved-screen formats.
Property & Experience Marketplaces
Let buyers check how a VR tour actually looks across environments before it goes live.
Agencies Building Client Portals
White-label ScreenLab inside client-facing dashboards without maintaining your own VR renderer.
Process
How it works
Create API Credentials
Subscribe to a ScreenLab-enabled enterprise plan, then generate a publishable key from your dashboard.
Register Allowed Domains
Add every origin that will load the SDK — including localhost for development — to your allowed domains list.
Install & Render the Panel
npm install @buildvr/screenlab-sdk, initialize it with your publishable key, and drop the panel into your app.
Integration
Embed the panel in a few lines
The SDK ships a default export for initialization and a ScreenLabPanel React component that renders the full interactive preview panel.
npm install @buildvr/screenlab-sdkFeatures
What you get
Flat, Curved & Dome Previews
Preview the same video across multiple VR environments before publishing.
Fine-Tune Playback & Scale
Adjust playback, scale, and immersion directly inside the embedded panel.
Native React Component
Ships as a React component (ScreenLabPanel) that drops straight into your existing app.
Publishable, Client-Safe Keys
Initialize with a publishable key scoped to your registered domains — no backend proxy required.
Versioned & Documented
Installed via npm with a full changelog, so upgrades are predictable.
Built for White-Labeling
Designed to be embedded inside your own product, not just used standalone.
Pricing
Available on ScreenLab-enabled enterprise plans
The SDK is exclusive to enterprise plans that include the ScreenLab add-on.
FAQ
Frequently Asked Questions
What is the ScreenLab SDK?
It's a package that embeds BuildVR's ScreenLab panel — an interactive VR video preview simulator — directly inside your own React application, so your users can preview video across flat, curved, and dome screens before publishing.
Which plans include the ScreenLab SDK?
The SDK is available exclusively on enterprise plans that include the ScreenLab add-on.
How do I install it?
Install the package from npm with npm install @buildvr/screenlab-sdk (yarn and pnpm are also supported), then initialize it with a publishable key from your dashboard.
Do I need a backend to use the SDK?
No — it authenticates with a publishable key that's safe for client-side use, validated against a list of domains you register yourself, including localhost for local development.
Can I white-label ScreenLab inside my own product?
Yes — the SDK is designed to be embedded inside third-party applications, not just used as a standalone tool, so agencies and platforms can offer it under their own product.
What can users do inside the embedded panel?
They can preview the same video across multiple VR environments — flat screens, curved displays, domes, and more — and fine-tune playback, scale, and immersion before publishing.
Where's the full integration guide?
Step-by-step setup, including domain registration and the full component API, is in the ScreenLab SDK integration docs.
Ready to embed ScreenLab in your product?
Subscribe to an enterprise plan with ScreenLab and get your publishable key today.