javascript - 如何在 Angular 8 中定义 JitsiMeetExternalAPI

Question

我正在使用 jisti 应用程序在 Angular 8 中实现视频通话，我不了解 JitsiMeetExternalAPI 如何定义它。请帮我解决这个问题。（我收到错误为错误 TS2304：找不到名称“JitsiMeetExternalAPI”。）。

Answer 1

只需将此行添加到 app.component.ts。

declare var JitsiMeetExternalAPI: any;

就我而言，它运行良好。

最后，代码如下所示。

import { Component, AfterViewInit } from '@angular/core';
import '../vendor/jitsi/external_api.js';

declare var JitsiMeetExternalAPI: any;

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})
export class AppComponent {
  title = 'sidenav';
  domain: string = "meet.jit.si";
  options: any;
  api: any;

  constructor() {
  }

  ngAfterViewInit(): void {

    this.options = {
      roomName: "JitsiMeetAPIExample",
      width: 700,
      height: 700,
      parentNode: document.querySelector('#meet')
    }

    this.api = new JitsiMeetExternalAPI(this.domain, this.options);
  }
}

Answer 2

我遇到了同样的问题，并通过指向 angular.json 中的脚本来解决，如下所示......

"scripts": ["src/vendor/jitsi/external_api.js"]

我必须下载https://meet.jit.si/external_api.js脚本并将其复制到我的角度代码的“src/vendor/jitsi”目录中。