版本
menu_open

浏览器中的 JavaScript - WAMP

初始化工程

Note.gif
Note: 该示例需要安装 npm（安装 Node.js）和 Git 才能安装 Bower 包。支持的浏览器有 Google Chrome、Mozilla Firefox 和 Opera。

从示例文件夹 <Wwise 安装路径>/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="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>

运行工程

双击 index.html 在 初始化工程 “支持的”浏览器中打开。

如果 Wwise Authoring API 成功地连接到 Wwise，您会看到以下输出结果： 

Hello Wwise 20??.?.?

此页面对您是否有帮助？

需要技术支持？

仍有疑问？或者问题？需要更多信息？欢迎联系我们，我们可以提供帮助！

查看我们的“技术支持”页面

介绍一下自己的项目。我们会竭力为您提供帮助。

来注册自己的项目，我们帮您快速入门，不带任何附加条件！

开始 Wwise 之旅