时间戳

首页 > 解决方案 > 如何在 wavesurfer.js 音频容器 div 中放置一个图标或将其放置在另一个 div 中并使外部 div 显示为 flex？

angular - 如何在 wavesurfer.js 音频容器 div 中放置一个图标或将其放置在另一个 div 中并使外部 div 显示为 flex？

问题描述

当我试图在 wavesurfer.js 音频容器 div 中放置一个图标时，它不会出现。即使我将音频容器 div 放在另一个 div 中，它也不会显示出来。

这是我的代码：

    const wave = WaveSurfer.create({
      container: audioContainerId,
      waveColor: '#6620AB',
      progressColor: '#6620AB',
      cursorColor: '#4353FF',
      barWidth: 1,
      barRadius: 3,
      cursorWidth: 1,
      height: 100,
      minPxPerSec: 5,
      barGap: 3,
      plugins: plagins
    });

下面是HTML

    <div id="uploadedAudio">
      <mat-icon class="delete-audio"> close </mat-icon>
    </div>

标签： angularwavesurfer.js

解决方案

推荐阅读