In this guide, you will learn how to send data from your Unreal Engine (UE) application to a webpage using the Eagle 3D Streaming system.
Follow the steps below:
Step 1. Enable Pixel Streaming Plugin
Open your Unreal Engine project and enable the Pixel Streaming plugin.
Refer to the guide How to Enable Pixel Streaming Plugin
Step 2. Add Pixel Streaming Input Component
This component enables communication between your UE app and the webpage.
-
Open any Actor Blueprint where you want to send the message from.
-
In the Components panel, click Add Component.
-
Search and add Pixel Streaming Input.
Step 3. Use “Send Pixel Streaming Response” Node
Now that the Pixel Streaming plugin is enabled and the component is added, you can send messages from Unreal to the frontend.
In your Blueprint:
-
Right-click and add a Custom Event.
-
Connect it to the Send Pixel Streaming Response node.
-
In the node’s Descriptor field, input your message as either:
-
A plain string (e.g.,
"Hello World from Unreal") -
A structured JSON object (for advanced messaging)
-
🧠 Tip: The JSON object doesn't need a type property unless you're using specific frontend filters.
Learn More: VaRest vs Pixel Streaming Input
By sending strings or JSON objects, you gain full flexibility to enhance interactivity and deeply integrate Unreal content with your web UI.
Need help?
If you need any assistance, feel free to reach out through any of the following channels:
🛠️ Support Portal: Contact Our Support Team
💬 Discord Community (Faster Support): Join Our Discord Community
📧 Email Support: support@eagle3dstreaming.com
Follow us on: