프로젝트 초기화하기
| 참고: This example requires npm to be installed (installed with the most recent Node.js LTS) and Git for installation of Bower packages. 지원되는 브라우저는 Google Chrome과 Mozilla Firefox, Opera입니다. |
예제 디렉터리 <Wwise installation path>/SDK/samples/WwiseAuthoringAPI/js/hello-wwise-web-wamp
에서 다음 명령을 실행하세요.
npm install -g bower
bower install autobahn
프로젝트 코드
예제 디렉터리 hello-wwise-web-wamp
의 예제 파일인 index.js를 이용해 Wwise Authoring API로 연결합니다.
var showMessage = function(message){
document.getElementById("message").innerHTML = message;
}
function onBodyLoad() {
var connection = new autobahn.Connection({
url: 'ws://localhost:8080/waapi',
realm: 'realm1',
protocols: ['wamp.2.json']
});
connection.onclose = function (reason, details) {
showMessage('wamp connection closed');
return true;
};
connection.onopen = function (session) {
showMessage('wamp connection opened');
session.call(ak.wwise.core.getInfo, [], {}).then(
function (res) {
showMessage(`Hello ${res.kwargs.displayName} ${res.kwargs.version.displayName}`);
},
function (error) {
showMessage(`error: ${error}`);
}
);
};
connection.open();
}
예제 디렉터리 hello-wwise-web-wamp
의 예제 파일인 index.html는 간단한 웹사이트로, 이전 스크립트를 사용해 Wwise Authoring API로 연결하고 출력 메시지를 렌더링합니다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Hello Wwise</title>
<script src="node_modules/autobahn-browser/autobahn.min.js"></script>
<script src="../../../../include/AK/WwiseAuthoringAPI/js/waapi.js"></script>
<script src="index.js"></script>
</head>
<body onload="onBodyLoad()">
<div id="message">
Not connected.
</div>
</body>
</html>
프로젝트 실행하기
index.html 을 더블클릭해 지원되는 브라우저에서 엽니다.
Wwise Authoring API가 Wwise에 성공적으로 연결되면 다음 출력이 뜹니다.