This is a forked and tweaked version of streaming Ui-Minimal initialization of pixel streaming to a webpage for a streaming ui implementation using react library.
Method 2 of this document can be used without changing the source code of the target application. By simply using the server provided in this doc, we can achieve single use token system.
...
https://cp_streaminguitest.eaglepixelstreaming.com/
This document describes guidelines on how to use the E3DS core library for a frontend application to stream a UE app inside the web application. For making the system work one must have an account in the E3DS platform, upload a UE app, and create a configuration in the control panel.
Method 1: Manually add token before accessing the stream
Let’s create a react app using create-react-app cli.
...
The whole source code can be found in the branch:
GitHub - e3ds/react-static-file-server as demo-static-token
Method 2: Generating a token at html fetch from server
Generating a token every time could be a problematic process. So, I have provided a Node.js app that uses our token API, and it can be found in this branch:
GitHub - e3ds/react-static-file-server at main
...
If all info was provided correctly, the session will start automatically.
How it works:
When a browser tries to fetch the index.html, the server queries the token from e3ds server and injects into the html along with clientUserName and serves it to the browser.
...