버전
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를 시작해 보세요