Как интегрировать джитси в аурелию - PullRequest
Новая
       76

Как интегрировать джитси в аурелию

1 голос
/ 23 апреля 2020

Я пытаюсь интегрировать и использовать Jitsi Meet в моем приложении Aurelia, но пока безуспешно. Как я вижу, эта библиотека не использует модули и не имеет файлов объявлений машинописи. На странице документации библиотеки Github говорится, что нужно просто включить тег script: 

<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, также не знает, куда поместить этот тег (intex, mycomponent.ts ...), и в конце я получаю сообщение об ошибке, говорящее о том, что машинопись не может найти модуль JitsiMeetExternalAPI.

Я использую Aurelia с машинописным шрифтом и WebPack, но могу поменять на js, если его проще использовать.

Пожалуйста, помогите

Обновление: Мне удалось разрешить часть tpescript, добавив это в viewModel: 

declare var JitsiMeetExternalAPI: any;

С этим мой код компилируется без ошибок. Я добавил тег сценария cdn в конце тела в файле index.e js. Итак, мой index.e js теперь выглядит так: 

<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>

Когда я сейчас запускаю приложение, я вижу, что вызов был сделал cdnscript из jitsi, но затем я вижу ошибку aurelia-router, которая говорит:

Blockquote

Что я делаю неправильно?

1 Ответ

1 голос
/ 23 апреля 2020

Финансирование проблемы. Проблема "appendChild" от aurelia заключалась в том, что он не смог найти элемент html #meet, потому что представление не было выполнено струйно. Когда я переместил инициализацию JitsiMeetExternalAPI в компонент, теперь все работает.

...