프로젝트 셋업하기
0. 시스템 요구사항
| 환경 | 요구 사항 |
|---|---|
| 네트워크 | 100Mbps 이상 |
| PC | CPU i5 10세대 이상 또는 그에 준하는 성능 RAM 8GB 이상 |
| Android | AP S710 (Android 10) 이상 또는 그에 준하는 성능 RAM 4GB 이상 (갤럭시 FE 혹은 A 시리즈의 경우 원활하지 않음) |
| iOS | iPhone XS (iOS 13) 이상 |
| 브라우저 | Chrome 109 이상 Safari 16 이상 |
1. AI Human SDK 추가하기
아래와 같이 JavaScript (SDK) 파일을 웹페이지에 추가하십시오.
<script src="https://cdn-aihuman.deepbrainai.io/sdk/web/aiPlayer-1.6.X.min.js"></script>
2. AIPlayer 객체를 포함할 영역을 지정
아래와 같이 AIPlayer 객체를 포함할 HTML Element 영역을 지정합니다. 영역의 크기나 위치를 조정하여 AIPlayer가 그려질 영역을 자유롭게 조정할 수 있습니다.
<div id="AIPlayerWrapper"></div>
3. AIPlayer 객체를 생성
AIPlayer 생성자에 대한 인수로 위에서 지정한 AIPlayer의 영역(wrapper)을 입력하여 AIPlayer 객체를 만듭니다.
const wrapper = document.getElementById("AIPlayerWrapper");
const AI_PLAYER = new AIPlayer(wrapper);