Eagle 3D Web SDK frontend toolkit for embedding Unreal Engine pixel streaming applications into any website with authentication, custom loading screens, browser messaging, and runtime controls

A Frontend SDK for Embedding
Your Unreal App in Any Webpage

The E3DS WebSDK integrates into any webpage and gives you full control to customize the streaming experience — token handling, loading UX, messaging to Unreal, and runtime stream control all built in.

Secure Token Authentication

Secure token generation and authentication handled by the SDK — your page never exposes an API key in the browser

Fully Custom Loading Experience

Callbacks for every step of the loading sequence so you can build your own loading screen, progress bar, and error states instead of using ours

Two-Way Unreal Messaging

Bidirectional messaging between your webpage and Unreal — send commands from JavaScript with sendToUnreal(), receive messages back through onResponseFromUnreal

Real-Time Stream Runtime Controls

Runtime stream control from JavaScript — set video quality, adjust volume, capture screenshots, toggle fullscreen, terminate or restart the session without reloading the page

Trusted by enterprises and government teams streaming Unreal to global audiences — without over-provisioning.

Ramboll
AECOM
iasagora
Ario Arteh Architects
M80
Epic Games
AWS
Doll
Lunas
Anythink
Arup
Ramboll
AECOM
iasagora
Ario Arteh Architects
M80
Epic Games
AWS
Doll
Lunas
Anythink
Arup

Secure Token Handling


Authentication That Never Leaks Your API Key

The SDK ships with a tokenManager.jsthat generates short-lived streaming tokens server-side and passes them to the browser. Your Streaming API Key stays out of the page source, the network tab, and the user's devtools.

  • Token expiry duration is configurable per session — minutes for public demos, hours for authenticated user portals

  • Regenerate tokens and pass them back into main() to restart a session without reloading the page

  • Built-in onSessionExpired callback for handling token timeout with your own UI or auto-reconnect flow

Get the SDK on GitHub
Eagle 3D Web SDK components enabling browser integration, event handling, authentication, and real-time communication for pixel streaming applications

Full Control Over the Loading Sequence


Build the Loading Experience Your Brand Deserves

The SDK fires callbacks at every stage of session startup — config acquired, app acquiring, preparing, starting, data channel open. Wire them into your own UI and your users see your loading experience, not a generic streaming overlay.

  • Progress callbacks return a percent value you can pipe directly into a progress bar or loading animation

  • onError and onSessionExpired callbacks let you show custom error states instead of redirecting to the default error page

  • preventErrorRedirect flag disables the SDK's default error redirect entirely so you can handle failures however you want

Get the SDK on GitHub
JavaScript implementation of the Eagle 3D Web SDK showing application initialization, browser integration, and stream startup workflows

Bidirectional Messaging With Unreal


Your Webpage and Your Unreal App Talk to Each Other

Send structured messages from JavaScript into your running Unreal app with sendToUnreal(). Receive messages back from Unreal with the onResponseFromUnreal callback. The data channel is set up and managed by the SDK — you write the message, not the WebRTC plumbing.

Inside a browser‑based Unreal Engine environment, teams can:

  • Send any JSON descriptor from your webpage into Unreal's Pixel Streaming Input component

  • Receive responses from Unreal in a single callback — gameplay state, UX events, custom data

  • Works the same in packaged builds, in remote editor sessions, and across every browser the SDK supports

While Asia‑Pacific data‑center capacity is still evolving, hybrid‑style deployments can still be planned: using Eagle as the core streaming backbone and layering in custom edge or caching logic where needed.

Get the SDK on GitHub
Interactive Unreal Engine application controlled through the Eagle 3D Web SDK with real-time browser communication and application events

Runtime Stream Control


Control the Stream From Your Webpage, Not the Default UI

Set video quality, adjust volume, capture screenshots, toggle fullscreen, and terminate or restart the session — all from JavaScript. Wire these to your own buttons and the user never sees the default streaming controls.

  • Quality control from low to ultra for users on poor connections or enterprise demos that need maximum fidelity

  • Screenshot capture pulls a frame directly from the video element so you can save, share, or send it back to Unreal

  • Restart the session in place with a new token — no page reload, no losing your webpage state

Get the SDK on GitHub
Custom web application built using the Eagle 3D Web SDK, embedding Unreal Engine pixel streaming directly into a branded browser experience

Install the SDK and Embed Your First Stream

The SDK ships as a demo project on GitHub. Clone it, plug in your API key and app name, and you have a working embed in minutes.

Contains a demo project

Github

# Clone the E3DS WebSDK demo from GitHub

1

git clone https://github.com/e3ds/pixelstreaming-sdk.git

2

Add your Streaming API Key, username, and app name in tokenManager.js

3

Open e3ds_streaming_FE.html in a live server to start streaming

Ramboll

Ramboll

Pixel streaming through Eagle changed how we deliver projects — now we just send clients a link instead of a file they may not even be able to run. Executables were often blocked by IT departments, and many clients simply didn't have the hardware to run them smoothly. With Eagle, they can open it on a laptop or a phone, which has made sharing our work dynamic and effortless.

Logo

Mel Lim

Finding a streaming partner that could actually do what we needed was the challenge — Eagle was able to integrate and stream for us effectively, even connecting directly with platforms like Shopify and Magento to fit into our existing setup.

Logo

Jonathan Labby

My pitch to clients was simple: imagine a high-fidelity, fully interactive project you can experience in the cloud, host on your website, and also run live at your trade show booth — all from one build. Eagle's Pixel Streaming blended perfectly with that vision, and it even supports VR headsets, so people can engage with the same project wherever they are.

+1 (915) 246-0772

info@eagle3dstreaming.com

LinkedIndiscordyoutubegithubtwitterinstagram