Project Setup
0. AI Human SDK (Web) System Requirements
| Requirements | |
|---|---|
| Network Environment | 100Mbps or higher |
| PC | CPU i5 7Gen or higher or equivalent performance RAM 4GB or higher |
| Android | CPU S660 or higher or equivalent performance RAM 4GB or higher (even if satisfied, it is not smooth for Galaxy FE or A series) |
| iOS | iPhone 6S or later |
| Browser | Chrome 109 or higher Safari 16 or higher |
1. Include the SDK
Include the JavaScript SDK in the web page as shown below.
<script src="https://cdn-aihuman.deepbrainai.io/sdk/web/aiPlayer-1.5.1.min.js"></script>
2. Specify the area to contain the AIPlayer object.
Designate the HTML Element area to include the AIPlayer object as shown below. You can freely adjust the area where the AIPlayer will be drawn by adjusting the size or position of the area.
<div id="AIPlayerWrapper"></div>
3. Create an AIPlayer object and set with the specified HTML element
Create an AIPlayer object with the area (element) where the AIPlayer is to be drawn as an argument to the AIPlayer constructor as shown below.
const wrapper = document.getElementById("AIPlayerWrapper");
const AI_PLAYER = new AIPlayer(wrapper);