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.