# Javascript + HTML
{% hint style="danger" %}
Important: In production environments you should never install or import the SDK using the latest tag. Always pin the exact version you want to use.
{% endhint %}
This example provides a simple starting point for integrating the Arcware Pixel Streaming WebSDK into a plain **HTML + JavaScript** application.
It is intended as a lightweight reference implementation that helps you understand the basic integration flow:
* importing the SDK
* initializing the stream
* attaching the stream to the DOM
* sending messages from the web application to Unreal Engine
* receiving responses from Unreal Engine
You can also try the example directly in CodePen:
[Open the HTML + JavaScript example on CodePen](https://codepen.io/Arcware/pen/WNPXZJO)
Replace the example `shareId` with your own project Share ID to test the integration with your application.
***
### Code template
You can use the following template as a quick starting point for your own project.
```html
Arcware Pixel Streaming WebSDK | HTML + JavaScript
```
***
### What this example does
This example:
* initializes the SDK using `ArcwareInit`
* connects to the stream automatically
* appends the stream container to the DOM
* listens for messages returned from Unreal Engine
* sends a test message to Unreal Engine when the button is clicked
***
### Notes
* Replace `` with your own valid Share ID.
* For production usage, replace the version in the CDN import with the exact SDK version you want to use.
* If you want more control over when the connection starts, set `AutoConnect` to `false` and trigger the connection later in your application flow.
* For framework-based applications such as React, Vue, or Angular, the integration pattern is similar, but the DOM mounting should be adapted to the framework lifecycle.