Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Learn to

Info

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/

...

Code Block
languagejs
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

2. Manipulating the style attribute of an HTML element

This can also be achieved by sending data from the webpage but we need to make a few changes in the JSON object for that.

...

If a message doesn’t contain event.data.type, it is sent to messageHandler function.

See this document to learn different types of event sent to messageHandler.

...

Refer to this document.

Useful Events

See this document for Useful Events in Iframe Solution.

...