Angular ogv.js音频播放器控件

我用的是Angular 8。我想在我的浏览器（Safari）中播放ogg音频

在浏览器中，仅播放音频而不使用任何控件（播放/暂停等）

我的组件ts文件具有：

  const ogv = require('ogv');

  @ViewChild('ogvContainer', { static: true }) ogvContainer: ElementRef;

  ogv.OGVLoader.base = '../../assets/js/ogv';
  let player = new ogv.OGVPlayer();
  this.ogvContainer.nativeElement.appendChild(player);
  let blob = new Blob([new Uint8Array(decodedData)]);
  player.src = URL.createObjectURL(blob);
  player.play();

我的html组件有：

 <div class="ogvContainer" #ogvContainer></div>

在ogvContainer div中，创建了另一个元素

<ogvjs class="ogvjs1" src="blob:http://localhost:4200/681e9637-5f93-4a0c-929e-678dd5e71529"> 
   <canvas style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: contain;"></canvas>
</ogvjs>

但是什么也没有显示。它只会占用空间。

---

如何在UI上显示播放器控件？

要使控件显示在组件的模板中，您需要添加以下行：

containerElement.appendChild(player);

containerElement

将是您在模板中创建的任何内容

---

appendChild如何按照ogv.js文档中的说明在模板中创建播放器，以便在组件的模板中显示控件，您需要添加以下行：

containerElement.appendChild(player);

containerElement

将是您在模板中创建的任何内容

---

按照ogv.js文档中的解释，appendChild是如何在模板中创建播放机的？

您能否提供更多信息，例如您到底想尝试什么，以及plunkr.io或stackblitz中的一个工作示例？@ZetaPR我想显示音频控制，例如播放/暂停等。目前，没有显示任何控件。您能否至少向我们提供您的组件和模板，以便我们了解您在尝试什么？@ZetaPR我正在从服务器获取ogg数据。这就是上面代码中的

decodedData

。我想在Safari浏览器中播放ogg音频。为此，我使用ogv.js库。但图书馆似乎没有显示任何音频控件。上面的代码在我的组件中。我知道你在做什么，但是没有模板我无法帮助你。您将拥有不同的文件.component.ts和.component.html，您需要向我们提供这两个文件以帮助您。您能否向我们提供更多信息，例如您到底想尝试什么，以及plunkr.io或stackblitz中的一个工作示例？@ZetaPR我想显示音频控制，例如播放/暂停等。目前，没有显示任何控件。您能否至少向我们提供您的组件和模板，以便我们了解您在尝试什么？@ZetaPR我正在从服务器获取ogg数据。这就是上面代码中的

decodedData

。我想在Safari浏览器中播放ogg音频。为此，我使用ogv.js库。但图书馆似乎没有显示任何音频控件。上面的代码在我的组件中。我知道你在做什么，但是没有模板我无法帮助你。您将拥有不同的文件.component.ts和.component.html，您需要向我们提供这两个文件以帮助您我已经更新了问题。仍然没有显示我已经更新了问题。仍然没有显示任何内容