Pixel Streaming ist die von Epic Games entwickelte Technologie, die eine laufende Unreal-Engine-5-Anwendung als komprimiertes Video über das WebRTC-Protokoll in Echtzeit an jeden modernen Webbrowser überträgt – ohne dass der Nutzer die Engine installieren oder über leistungsfähige Hardware verfügen muss.
Was ist Pixel Streaming?
Eine interaktive UE5-Visualisierung – zum Beispiel ein konfigurierbares 3D-Fahrzeugmodell, eine virtuelle Gebäudebegehung oder ein interaktives Museum – erfordert normalerweise entweder eine lokale Installation der Anwendung oder leistungsfähige Hardware beim Nutzer. Beides schränkt die Zielgruppe erheblich ein.
Pixel Streaming löst dieses Problem durch einen Paradigmenwechsel: Die UE5-Anwendung läuft vollständig auf einem leistungsfähigen Server (lokal oder in der Cloud). Der Server rendert die Szene auf seiner GPU, komprimiert das Ergebnis als H.264- oder H.265-Video und überträgt es per WebRTC (Web Real-Time Communication) in Echtzeit an den Browser des Nutzers. Nutzer-Eingaben (Mausbewegungen, Tastendrücke, Touch-Events) werden in die entgegengesetzte Richtung übertragen und von der UE5-Anwendung auf dem Server verarbeitet.
Das Ergebnis: Volle UE5-Grafikqualität auf jedem Gerät mit einem modernen Browser – Smartphone, Tablet, Smart-TV oder Low-End-PC.
Erklärung
Technische Architektur
Komponenten eines Pixel-Streaming-Setups:
1. Unreal Engine Anwendung (Server) Die UE5-Anwendung läuft mit aktiviertem Pixel Streaming Plugin. Das Plugin nimmt jeden gerenderten Frame, komprimiert ihn hardwarebeschleunigt (NVENC für NVIDIA, AMF für AMD) und sendet ihn via WebRTC.
2. Signaling Server WebRTC benötigt einen Signaling Server für die initiale Verbindungsaushandlung (ICE-Kandidaten-Austausch). Epic stellt einen Node.js-basierten Signaling Server (cirrus) bereit, der als eigenständiger Prozess läuft und Verbindungen zwischen Browser-Clients und der UE5-Instanz koordiniert.
3. WebRTC (STUN/TURN) Für Verbindungen durch NAT/Firewalls werden STUN- (Session Traversal Utilities for NAT) und ggf. TURN-Server (Traversal Using Relays around NAT) benötigt. Diese können auf demselben Server laufen oder als Cloud-Dienst genutzt werden.
4. Browser-Client Im Browser läuft nur eine JavaScript-Bibliothek (Frontend), die den WebRTC-Video-Stream empfängt und als Canvas-Element darstellt. Nutzer-Eingaben werden via WebSocket an den Signaling Server zurückgesendet.
5. Matchmaker (optional) Für Multi-User-Deployments koordiniert ein Matchmaker-Server mehrere UE5-Instanzen und verteilt eingehende Verbindungen auf freie Server-Instanzen.
Latenz
Die Latenz bei Pixel Streaming ist ein kritischer Parameter. Typische Werte:
- Lokales Netzwerk (LAN): 10–30 ms (praktisch nicht wahrnehmbar)
- Regionales Cloud (z. B. EU-Server): 30–80 ms (akzeptabel für Visualisierungen)
- Interkontinentales Streaming: 100–200 ms (spürbar, nur für nicht-interaktive Content)
WebRTC minimiert Latenz durch UDP-basierte Übertragung und adaptive Qualitätssteuerung. Für hochinteraktive Anwendungen (Spielsteuerung) ist Pixel Streaming über große Entfernungen weniger geeignet als für Visualisierungen oder konfigurierbare Produktpräsentationen.
Qualität und Bitrate
Die Videoqualität ist konfigurierbar. Empfohlene Einstellungen:
- Auflösung: bis 1920×1080 oder 2560×1440 (höhere Auflösungen möglich, aber mehr Bandbreite)
- Bitrate: 5–20 Mbit/s für gute Qualität; adaptive Bitrate passt sich an Netzwerkbandbreite an
- Codec: H.264 (maximale Browser-Kompatibilität), H.265/HEVC (bessere Qualität bei gleicher Bitrate, nicht alle Browser) oder AV1 (experimentell, beste Qualität/Bandbreite-Ratio)
- Framerate: 30–60 fps konfigurierbar
Pixel Streaming Backends
UE5s Pixel Streaming unterstützt mehrere Hardware-Backends:
- NVENC (NVIDIA): Hardware-H.264/H.265-Encoding auf NVIDIA-GPUs; beste Performance
- AMF (AMD): Hardware-Encoding auf AMD-GPUs
- Software (libvpx/x264): CPU-basiertes Software-Encoding als Fallback; deutlich mehr CPU-Last
Beispiele
- Automobilkonfigurator: Kunden konfigurieren Fahrzeugfarbe, Felgen und Innenausstattung in Echtzeit in UE5 im Browser, ohne Installation; breite Kundenbasis erreichbar
- Architekturvisualisierung: Bauherren begehen virtuell ein noch nicht gebautes Gebäude auf ihrem Tablet; der Architekt auf seinem Workstation rendert UE5
- Interaktives Museum: Museumsbesucher erleben interaktive 3D-Exponate auf Touchscreens, die von einem zentralen Server mit UE5 betrieben werden
- Remote-Training: Trainingssimulationen werden zentral gehostet und per Browser-Link zu Schulungsteilnehmern weltweit gestreamt
- Produktmessen: Messeauftritte mit hochaufgelösten UE5-Visualisierungen auf einfachen Displays ohne Gaming-Hardware
In der Praxis
Pixel Streaming einrichten:
- Plugin aktivieren: Edit → Plugins → Pixel Streaming → Enable
- Anwendung verpacken: File → Package Project → Windows (64-bit)
- Anwendung starten: Gestartete .exe mit Flags:
`` MyApp.exe -PixelStreamingPort=8888 -RenderOffscreen ``
- Signaling Server starten:
`` node cirrus.js --port=80 --StreamerPort=8888 ``
- Browser öffnen:
http://localhost→ Vollständige UE5-Szene im Browser
Cloud-Deployment: Für Produktionsumgebungen wird Pixel Streaming auf Cloud-Instanzen mit GPU-Unterstützung deployed:
- AWS G4-Instanzen (NVIDIA T4)
- Google Cloud A2 (NVIDIA A100)
- Azure NV-Series (NVIDIA M60/T4)
Epic bietet Pixel Streaming Infrastructure als Open-Source-Deployment auf GitHub für AWS und Azure.
Input-Anpassung via HTML/JavaScript
Das Browser-Frontend kann vollständig mit HTML/CSS gestylt und die Steuerung angepasst werden. Benutzerdefinierte UI-Buttons im Browser kommunizieren via WebRTC-Data-Channel mit der UE5-Anwendung:
``javascript // Pixel Streaming Frontend SDK pixelStreaming.emitUIInteraction({ type: 'ChangeColor', color: '#FF0000' }); ``
In UE5 empfängt der Blueprint diese Daten über den Pixel Streaming Delegate.
Vergleich & Abgrenzung
Pixel Streaming vs. native App: Eine native App bietet niedrigere Latenz, keine Streaming-Artefakte und offline-Funktionalität. Pixel Streaming ist die richtige Wahl, wenn Zugänglichkeit und Verteilung ohne Installation priorisiert werden.
Pixel Streaming vs. WebGL: WebGL rendert direkt im Browser auf dem Client. Qualitätslimitierungen (kein Lumen, kein Nanite im Browser) und Geräteanforderungen sind dabei beim Client. Pixel Streaming verlagert alle Rendering-Last auf den Server, liefert volle UE5-Qualität, benötigt aber permanente Serververbindung.
Häufige Fragen (FAQ)
Wie viele gleichzeitige Nutzer kann ein Server bedienen? Eine UE5-Instanz = ein Nutzer. Für mehrere gleichzeitige Nutzer werden mehrere Server-Instanzen benötigt (via Matchmaker skaliert). Cloud-basierte Auto-Scaling-Lösungen starten neue Instanzen bei Bedarf.
Ist Pixel Streaming kostenpflichtig? Das Plugin ist kostenlos Teil der UE5. Server-Kosten (Cloud GPU-Instanzen) entstehen durch den Hosting-Anbieter.
Funktioniert Pixel Streaming auf Smartphones? Ja. Browser auf iOS (Safari) und Android (Chrome) unterstützen WebRTC. Touch-Input wird automatisch als Maus-/Gesten-Input an UE5 weitergeleitet.
Verwandte Einträge
Weiterführend
- Epic Games: Pixel Streaming Documentation (docs.unrealengine.com, 2024)
- Epic Games: Pixel Streaming Infrastructure on GitHub (github.com/EpicGames, 2024)
- Piesing, Mark & Heitmann, Kevin: Cloud Rendering with Pixel Streaming at Scale, GDC 2023
- WebRTC.org: WebRTC API Documentation (webrtc.org, 2024)
- AWS: Deploying Unreal Engine Pixel Streaming on Amazon EC2 (aws.amazon.com, 2023)
