如何在 Angular 8 中定义 JitsiMeetExternalAPI答案

【问题标题】：How to define JitsiMeetExternalAPI in angular 8如何在 Angular 8 中定义 JitsiMeetExternalAPI
【发布时间】：2020-08-10 18:33:48
【问题描述】：

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

【问题讨论】：

标签： javascript css angular jitsi jitsi-meet

【解决方案1】：

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

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

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

【讨论】：

【解决方案2】：

只需将此行添加到 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);
  }
}

【讨论】：