License control
Gate playback with sq_live_* keys. Revoke remotely — no redeploy.
- License-gated playback — requires sq_live_* key
- Remote activate / deactivate without redeploying
- Real-time license revoke
Loading StreamQ
@streamq/player
Production-ready video SDK
Streamsuper.— StreamQ Player, React video SDK for HLS, DASH, and live streaming
Ship players with a penchant for quality.
HLS, DASH, live streaming, cinematic controls, and sq_live_* license control — signed CDN URLs on Premium.
@streamq/player
Live demoQuick start
Under 5 minInstall in under 5 minutes
npm install, add your sq_live_* key, point at your manifest.
npm package
@streamq/player v1.1.0
Try the public demo key: sq_live_D8JK2LQ9MNP4
npm install @streamq/player react react-domFull docs on npm. Production keys at get-started.
Full API reference and HLS/DASH setup: npm README
Super things included
Tier 1What's in the box
Playback, UI, live mode, subtitles, and license control — one npm package, no extra installs.
Streaming
HLS, DASH, and MP4 with adaptive quality and multi-audio.
- HLS, DASH & progressive MP4
- Lazy-loaded hls.js / Shaka engines
- ABR, manual quality & multi-audio
Reels/Short
9:16 portrait embeds and a vertical feed — same license gate and lazy engines.
- StreamqReelsFeed — vertical snap-scroll with windowed mounts
- Dynamic 9:16 aspect ratio from video metadata
- Portrait-safe viewport sizing — no letterbox hacks
Live
Live layout, jump-to-live, and edge detection built in.
- Live mode layout
- Jump to live
- Live seekbar & edge detection
Subtitles
Discover, toggle, and pick subtitle tracks from the stream.
- Subtitle track discovery
- On/off toggle & synced overlay
- Subtitle picker in settings
Player UI
Cinematic controls, 4 layouts, dynamic aspect ratio, gestures, PiP, and fullscreen.
- Ready-made controls, overlays & settings
- 4 layouts — default, compact, mobile, live
- Auto-hide controls, keyboard & touch gestures
Accessibility
Screen readers, keyboard nav, and high-contrast support.
- ARIA live regions
- Keyboard navigation & focus management
- High-contrast / forced-colors support
Developer setup
baseline.css tokens, TypeScript, React 18+, one npm install.
- @streamq/player/baseline.css design tokens
- Override --sq-* CSS variables
- TypeScript API & React 18+
~79 KB
gzip
Initial player — full UI + license gate
Lazy
on play
hls.js & Shaka load only when needed
1
package
npm install @streamq/player
0
CSS runtime
Plain --sq-* tokens, no CSS-in-JS
Performance
Built for speedPerformance-first architecture
Your homepage stays fast. The 200–300 KB streaming engine loads only when someone hits play.
Initial JS (gzip)
Streaming engine
License gating
Player UI
Signed CDN URLs
Time to first stream
CSS runtime
Pricing
Simple license tiers
Evaluation is free. Player for one app. Studio for agencies. Premium for DRM playback and enterprise extensions.
Evaluation
Try the SDK before you buy
Free
- Public demo sq_live_* key
- HLS, DASH, live & subtitles
- Reels/Shorts UI format supported
- Homepage live demo & npm docs
Popular
Player
One production app · single license key
$49/mo
or $499/yr
- 1 production sq_live_* key
- HLS, DASH, live, subtitles & license gate
- Reels/Shorts UI format supported
- Cinematic UI with CSS theming
- Docs, examples & integration help
For agencies
Studio
Dev shops · 5 client keys · one invoice
$199/mo
or $1,999/yr
- 5 production sq_live_* keys ($35/mo each extra)
- Same Player SDK on every client project
- Reels/Shorts UI format supported
- 30-min onboarding call for your team
- Integration help on active client work
- Premium add-on per client when needed
DRMSigned URLs
Premium
Enterprise extensions · analytics & white-label
$499/mo
or $4,999/yr
- Everything in Player
- Signed CDN manifests — CloudFront, S3 & tokenized streams
- DRM — Widevine, PlayReady, FairPlay
- Analytics, QoE & custom UI SDK
- Casting, ads, thumbnails & Media Session
- Full themes, white-label & priority SLA
HLS / DASH / MP4
Reels/Short (9:16)
Signed CDN URLs
Live streaming
Subtitles
Player UI
Premium unlocks DRM playback (Widevine, PlayReady, FairPlay). StreamQ backend provides license servers and configuration — the player SDK handles encrypted stream playback in your React app.
Each production sq_live_* key covers one production deployment — typically one customer-facing app or domain. Staging or preview environments for the same app usually share that key.
FAQ
AnswersVideo player SDK questions
How StreamQ compares to Mux, Bitmovin, JW Player, and building your own HLS/DASH stack.
What is StreamQ Player?
StreamQ Player is a commercial React video SDK distributed on npm as @streamq/player. It ships a cinematic player UI, HLS and DASH playback, live streaming, subtitle rendering, and built-in sq_live_* license validation in a single package. Signed CDN URL manifests are included on Premium. Learn more at streamq.in.
How does StreamQ compare to Mux, Bitmovin, and JW Player?
Mux, Bitmovin, and JW Player are established video infrastructure platforms with hosting, analytics, and DRM ecosystems. StreamQ focuses on a developer-first npm SDK: one React component, lazy-loaded streaming engines, static CSS theming, and license gating without Firebase setup on your side. Premium adds DRM playback support, analytics, and enterprise extensions.
Does StreamQ support HLS and DASH?
Yes. Pass a manifest URL with type hls for .m3u8 streams or type dash for .mpd streams. hls.js and Shaka Player load lazily on first play — only the engine you need is downloaded.
Does StreamQ support signed CDN URLs?
Yes, on Premium. Tokenized and presigned manifests (CloudFront, S3, and similar CDN setups) work without extra adapter patches. Player and Studio tiers use standard manifest URLs; upgrade to Premium when your CDN requires signed .m3u8 or .mpd links.
Does StreamQ support portrait video and vertical feeds?
Yes. StreamqPlayer follows video metadata for 9:16 embeds. StreamqReelsFeed adds a vertical snap-scroll feed with windowed player mounts — included on Evaluation, Player, and Studio.
Is StreamQ Player free to try?
Yes. Use the public demo license key on the streamq.in homepage live player. Production sq_live_* keys start at $49/month with documentation and integration help included.
Does StreamQ support DRM playback?
Yes, on Premium. StreamQ Player supports encrypted HLS and DASH playback (Widevine, PlayReady, FairPlay). StreamQ backend provides license servers and DRM configuration — you integrate the player SDK in React. Clear, non-encrypted streams work on Player and Premium without DRM setup.
How big is the StreamQ Player bundle?
The initial @streamq/player preset is about 79 KB gzip including full UI and license gating. Heavy streaming engines are lazy-loaded when playback starts, keeping marketing pages and app shells fast.
How do I install StreamQ Player in React?
Run npm install @streamq/player react react-dom, import @streamq/player/baseline.css once, then render <StreamqPlayer license="sq_live_*" source={{ src, type }} />. Visit streamq.in for a live demo or get a production license.
What support do I get with a license?
Every paid license includes integration help, documentation, and direct email support. License requests typically get a reply within one business day with your production sq_live_* key.
Which plan should I choose?
Player ($49/mo) for one production app. Studio ($199/mo) for agencies with five client keys. Premium ($499/mo) when you need DRM playback, analytics, custom UI SDK, or white-label. Evaluation is free with the public demo key.
Does one license cover staging and production?
Each production sq_live_* key is for one production deployment (one customer-facing app or domain). Staging and preview environments for the same app typically use the same key. Contact us if you need a separate non-production key.
Do you work with agencies?
Yes. Studio is a volume license for React agencies and dev shops — five production keys from $199/mo on one invoice, plus onboarding and integration help. Each client app still needs its own sq_live_* key. Details at streamq.in/partners.
Can we use one license across multiple client sites?
Each client deployment needs its own production sq_live_* key. Studio includes five keys on one invoice; additional keys are available from $35/mo each. Agencies typically hold the Studio license and provision keys per client project.
Is white-label available?
Yes. Theme per client with --sq-* CSS tokens on any plan. Full white-label — removing StreamQ branding, @streamq/themes, and priority SLA — is included on Premium ($499/mo) or as a Premium add-on for Studio clients.