Introduction

StreamLayer transforms video streaming into interactive, advertising-driven experiences. SDK overview for iOS, Android, React Native, Web, tvOS, and Connected TV.

StreamLayer is an SDK and platform that transforms traditional video streaming into an interactive, advertising-driven experience. Designed for mobile, web, connected TV, and desktop, StreamLayer enables media companies and sports broadcasters to increase engagement, generate new revenue streams, and personalize viewer experiences—without disrupting core video content.

This page provides a high-level overview of StreamLayer, its capabilities, and how its core pieces work together.


What StreamLayer Delivers

  • Interactive Advertising Enable rich, nonlinear ad formats — such as StreamLayer Elements, L-bars, or notifications — triggered by real-time game events, VAST tags, SIMID, or SCTE-35 cues. Ads support interactive brand messaging and calls to action.

  • Engaging Viewer Features Offer fans live stats, predictions, polls, social highlights, and messaging — all perfectly synced with the video timeline.

  • Seamless Integration Our SDKs work with any video player. The StreamLayer Element adapts to multiple formats — overlay, sidebar, L-bar, portrait — fitting your app's layout.

  • Multi-Platform Integration Native SDKs for iOS, Android, React Native, Web, and tvOS allow seamless support for landscape, portrait, and squeeze-back experiences.

  • Contextual Intelligence Use key moments in a game (e.g., touchdowns, stat milestones, tweets, betting odds) to trigger content and ads at the right time.


📘

⚡ What It Looks Like in Action

When the game changes, so does your experience.

A player scores 30 points. A Sponsored Stat notification appears. The viewer taps. A branded, interactive 2:1 StreamLayer Element opens instantly—contextual and in-stream.

🎥 https://streamlayer.wistia.com/medias/l1efhec2bu


The Three Core Components

1. StreamLayer SDK

The SDK embeds interactive features and advertising directly in your app. Versions are available for:

  • iOS
  • Android
  • React Native (including Expo)
  • tvOS
  • AndroidTV
  • WebOS
  • Web
  • ROKU

Supported formats include:

  • Squeeze-Back Format – Video shrinks to display the StreamLayer Element alongside the player.
  • Overlay Format – The StreamLayer Element appears over the video.
  • Portrait Format – The StreamLayer Element displays below the video.

All SDKs support real-time updates and dynamic reconfiguration from the backend.


2. StreamLayer Studio

StreamLayer Studio is a content management system for producers, moderators, and digital teams. You can:

  • Post ads, stats, polls, trivia, predictions, tweets, and insights
  • Trigger or schedule nonlinear moment-based promotions
  • Manage branding, themes, and formats
  • Moderate live chat and games
  • Track engagement analytics and feature performance

Learn more → About StreamLayer Studio


3. Backend + Trigger Engine

Our backend handles:

  • Real-time event detection (game stats/key moments, VAST, SCTE-35, SIMID, elapsed time).
  • Conflict avoidance – multiple events activated in a short period.
  • Queuing for delayed viewing.
  • Payload generation for units and ad units.
  • Configuration syncing across all SDK clients.
  • Analytics event processing and tracking.

Supported trigger sources include:

  • Event Triggers – Key game or match moments from providers such as Sportradar, Stats Perform, Opta, Genius, or league feeds.
  • SIMID – Secure Interactive Media Interface Definition.
  • VAST 4.x – From ad servers such as Google Ad Manager.
  • SCTE-35 – Linear broadcast cue tones.
  • Manual – From Studio or backend.
  • World Clock Triggers – Activate at a specific time.
  • Elapsed Time Triggers – Activate at a preset time delay from the previous unit.
  • Custom Webhooks

Feature & Ad Ecosystem

FeatureDescription
Nonlinear Moment-Based AdsA full suite of dynamic nonlinear ad units triggered by live events, including:
Standard Ad (1:1, 2:1, 1:2)Side Bar, L-Bar, or StreamLayer Element with video/image with CTA button
Insight AdSide Bar, L-Bar, or StreamLayer Element with player, team, or match stats
Prediction AdSide Bar, L-Bar, or StreamLayer Element with player and game/race predictions
Trivia AdSide Bar, L-Bar, or StreamLayer Element with trivia questions + answers with context
Poll AdSide Bar, L-Bar, or StreamLayer Element gauging fan sentiment
Shoppable AdSide Bar, L-Bar, or StreamLayer Element with product views and commerce functionality
Picture-in-Picture AdsGame video set next to advertisement video, with branded background
Frame AdsBranded container that wraps around the video
Video Banner Ads (7:1)Wide branded video strip displayed over video on the bottom or top of the screen
Sponsored StatsBranded fact or stat shown during key moments in the stream.
Live Moment NotificationsBranded notification connecting live game context to the sponsor's ad unit
Pause AdsInteractive brand ads displayed when viewers pause content. Available on CTV, mobile, tablet, and web. Configurable delay from instant (pre-fetched) to any custom duration. Supports CTAs, shopping, QR codes, and device handoff.
Stats & InsightsPush key stats, fast facts, or highlight moments
Feature SponsorshipAttach brands to polls, trivia, stats, or notifications
Live Odds & Micro-WageringDisplay sportsbook odds and offer betslip handoff
Free-to-Play GamesTrivia, polls, and prediction contests with real-time scoring
Public & Private ChatIntegrated messaging during live streams
X/Twitter IntegrationSurface high-impact social comments inline during the event
In-App NotificationsTrigger branded or contextual alerts during gameplay
User ProfilesViewer identity, contact syncing, and presence awareness

StreamLayer Architecture at a Glance

  • Singleton SDK Instance: One instance per app, linked to a public API key.
  • Real-Time Triggers: The backend sends triggers, and the SDK renders units instantly.
  • On-Demand Reconfiguration: Update features, ads, and layout in real time.
  • Secure User Syncing: Enables contact invites and messaging.
  • Analytics: Tracks impressions, clicks, dismissals, and feature engagement.
StreamLayer Architecture Diagram

Authentication Flow

Some features require lightweight authentication for personalization and social interaction.

  • Phone number or email verification
  • Contact syncing (for invites)
  • Viewer-controlled preferences
  • Optional user profile with avatar and name

Before You Start

To integrate the StreamLayer SDK, you'll need:

  • An SDK API Key from your StreamLayer account manager or from StreamLayer Studio.
  • Access to StreamLayer Studio for configuring events, ad units, and interactive features.
  • A decision on which features your app will use (advertising, gamification, stats, etc.).
  • If you are doing key moments, a live data API that StreamLayer can integrate and map to your org.

Next Steps

Choose your platform to get started:

Or explore by role: