如何将吉西集会整合到奥雷利亚区

Question

我正在尝试将Jitsi Meet集成并使用到我的Aurelia应用程序中，但到目前为止没有成功。如我所见，该库不使用模块，并且没有打字稿声明文件。在库Github文档页面上，它说只包括如下脚本标记：

<script src='https://meet.jit.si/external_api.js'></script>

然后像这样调用api：

const domain = 'meet.jit.si';
const options = {
    roomName: 'JitsiMeetAPIExample',
    width: 700,
    height: 700,
    parentNode: document.querySelector('#meet')
};
const api = new JitsiMeetExternalAPI(domain, options);

问题是我找不到任何文章告诉我如何在aurelia Webpack中使用标签，也不知道将标签放在哪里（intex，mycomponent.ts ...），最后我得到了错误说打字稿找不到模块JitsiMeetExternalAPI。

我正在将Aurelia与Typescript和WebPack一起使用，但是如果更易于使用，则可以更改为requirejs。

请帮助

更新：通过将其添加到viewModel中，我设法解决了tpescript部分：

declare var JitsiMeetExternalAPI: any;

这样，我的代码就可以正确编译。我在index.ejs文件正文的末尾添加了cdn脚本标签。所以我的index.ejs现在看起来像这样：

<html>
  <head>
    <meta charset="utf-8">
    <title><%- htmlWebpackPlugin.options.metadata.title %></title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <base href="<%- htmlWebpackPlugin.options.metadata.baseUrl %>">
  </head>
  <body aurelia-app="main">
    <script src='https://meet.jit.si/external_api.js'></script>
  </body>
</html>

我的页面看起来像这样：

<template>
  <div id="meet"></div>
</template>

[当我现在启动应用程序时，我看到对jitsi的cdnscript进行了调用，但是随后我看到aurelia-router的错误显示：

我在做什么错？

Answer 1

资助问题，来自aurelia的问题“ appendChild”是因为找不到视图，因此无法找到html元素#meet。当我将JitsiMeetExternalAPI初始化移动到组件时，所有操作现在都可以进行。

如何将吉西集会整合到奥雷利亚区

问题描述投票：0回答：1

1个回答

最新问题

如何将吉西集会整合到奥雷利亚区

问题描述 投票：0回答：1

1个回答

最新问题

问题描述投票：0回答：1