Custom Integration Guide

Welcome to the Custom Integration Guide for StreamPixel.

This section helps you integrate Streampixel’s 3D streaming platform into your own frontend codebase — whether you're working with static websites or full React applications.

📦What's Covered

Inside this guide, you’ll find two main integration paths:

1. Iframe Integration

For simple use cases where you just want to embed the stream into your webpage.

  • Minimal setup using <iframe>

  • No frontend SDK required

  • Great for marketing pages, landing demos, and low-code tools

📄 Includes:

  • Basic iframe setup

  • Stream states & lifecycle

  • Control commands via messages

  • Frontend-to-Unreal communication

📚 Explore Iframe Integration →

2. WebSDK Integration

For advanced use cases that require custom frontend logic and interactivity.

  • Full control over stream behavior

  • Send/receive JSON messages between your app and Unreal

  • Ideal for product configurators, XR, real-time dashboards

📄 Includes:

  • SDK installation & quick start

  • Runtime controls (audio, resolution, stats)

  • Custom message handling with Unreal

  • Troubleshooting & advanced patterns

📚 Explore WebSDK Integration →

Choose the integration approach that matches your technical needs — both routes let you deliver high-quality, interactive Unreal Engine experiences inside your own frontend.

Last updated