| Panel | ||||||
|---|---|---|---|---|---|---|
| ||||||
Source: https://github.com/e3ds/E3DS-Iframe-Demo/tree/iframe-demo-html Iframe Demo: https://iframe.eagle3dstreaming.com/ ReactJS Iframe Demo: https://iframe_react.eagle3dstreaming.com/ UE5 Iframe Demo: https://iframe_ue5.eagle3dstreaming.com/ Unreal project source code used in the demo: https://bitbucket.org/Eagle3DStreaming/e3dsfeaturestemplate/ |
| Info |
|---|
Before Using some of the features take a look at the document below covering how to send a pixel streaming command to E3DS System: |
...
More detailed doc:Refer to Multiplayer Demo, Embed Stream into Webpage using iFrame and communicate with Unreal App. |
Overview
Communication means the transmission of data between two people or entities. Where one will send data and another one will receive it and vice versa.
...
| Code Block | ||
|---|---|---|
| ||
let descriptor = {
Teleport: "6"
};
let obj = {
cmd: "sendToUe4",
value: descriptor
}
document.getElementById("iframe_1").contentWindow.postMessage(JSON.stringify(obj), "*");
//here "iframe_1" is the id of the HTML iframe element |
Part-2 :
Manipulating style attribute of an HTML element
...
After sending the data we will receive a response from the the unreal app. This response can be caught by using window.e3ds.onEvent function. Here’s an example of that -
...
Go to the following document to learn about how to set custom resolution from your webpage.
Part 5:
How to send a Pixel Streaming Response from unreal app to webpage
Useful Events:
See this document on Useful Events in Iframe Solution.
...