|
Note: この例では、npmをインストールする必要があり(Node.jsとともにインストール)、BowerパッケージをインストールするにはGit が必要です。サポートされているブラウザは、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に接続する簡単なWebページです。 出力メッセージをレンダリングします。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Hello Wwise</title> <script src="bower_components/autobahnjs/autobahn.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>
プロジェクトの初期化 の "supported"ブラウザで開くには、index.htmlをダブルクリックしてください。
Wwise Authoring APIがWwiseに正常に接続すると、次の出力が表示されます:
Hello Wwise 20??.?.?