버전

menu_open
Wwise SDK 2019.1.11
JavaScript, 브라우저 - WAMP

프로젝트 초기화하기

참고: 이 예제는 Bower 패키지 설치를 위해 Git을 필요로 하며 npm이 설치돼있어야 (Node.js로 설치) 합니다. 지원되는 브라우저는 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() {
// Create the WAMP connection
var connection = new autobahn.Connection({
url: 'ws://localhost:8080/waapi',
realm: 'realm1',
protocols: ['wamp.2.json']
});
// Setup handler for connection closed
connection.onclose = function (reason, details) {
showMessage('wamp connection closed');
return true;
};
// Setup handler for connection opened
connection.onopen = function (session) {
showMessage('wamp connection opened');
// Call getInfo
session.call(ak.wwise.core.getInfo, [], {}).then(
function (res) {
showMessage(`Hello ${res.kwargs.displayName} ${res.kwargs.version.displayName}`);
},
function (error) {
showMessage(`error: ${error}`);
}
);
};
// Open the connection
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에 성공적으로 연결되면 다음 출력이 뜹니다.

Hello Wwise 20??.?.?

이 페이지가 도움이 되었나요?

지원이 필요하신가요?

질문이 있으신가요? 문제를 겪고 계신가요? 더 많은 정보가 필요하신가요? 저희에게 문의해주시면 도와드리겠습니다!

지원 페이지를 방문해 주세요

작업하는 프로젝트에 대해 알려주세요. 언제든지 도와드릴 준비가 되어 있습니다.

프로젝트를 등록하세요. 아무런 조건이나 의무 사항 없이 빠른 시작을 도와드리겠습니다.

Wwise를 시작해 보세요