Frontend Architecture

The web client that decodes, syncs and paints a session in your browser, and what it is built from.

Section
04 / 12
Read
1 min
Updated

Core technologies

Nuxt and Vueframework

Nuxt on Vue renders the site, the dashboard and the stream client.

TypeScriptlanguage

TypeScript, the language the web client is written in.

Tailwind CSSstyling

Tailwind CSS for the styling.

Vitebuild

Vite builds the web client.

In the stream client

WebCodecs

Hardware decode in the browser where the platform offers it.

Gamepad API

Controller state is read every frame and sent to the host, with rumble returned to the pad on WebRTC sessions.

Pointer lock

Raw mouse motion for games that read it, with the cursor shape synced from the host.

The real time layer under the client