Angular6 如何添加wavesurfer.js麦克风插件

我正在工作。我正在尝试添加麦克风插件。请告诉我如何添加该软件包。 这是我的密码 angular.json文件

scripts": ["node_modules/jquery/dist/jquery.min.js",
              "node_modules/wavesurfer.js/dist/wavesurfer.js",
            "node_modules/wavesurfer.js/dist/plugin/wavesurfer.microphone.min.js"]

      }

****这是我的.ts文件，有人能帮我吗****

import MicrophonePlugin from 'wavesurfer.js/dist/plugin/wavesurfer.microphone.min.js';
import * as $ from 'jquery';
import * as WaveSurfer from 'wavesurfer.js';

public start() {

 let wavesurfer=   WaveSurfer.create({
      container: '#waveform',
      waveColor: 'violet',
      progressColor: 'purple',
      plugins: [MicrophonePlugin.create()]
    });

    wavesurfer.microphone.on('deviceReady', function() {
      console.info('Device ready!');
  });
  wavesurfer.microphone.on('deviceError', function(code) {
      console.warn('Device error: ' + code);
})
      let microphone = WaveSurfer.Microphone;    // Here am getting error microphone is undefined

    microphone.create({
        wavesurfer: wavesurfer
    });

    microphone.on('deviceReady', function(stream) {
        console.log('Device ready!', stream);
    });
    microphone.on('deviceError', function(code) {
        console.warn('Device error: ' + code);
    }); 

    // start the microphone
    microphone.start(); 
}

好了：

从'wavesurfer.js/dist/plugin/wavesurfer.micromic.min.js'导入microhoneplugin；
从“jquery”导入*为$；
从“WaveSurfer.js”导入*作为WaveSurfer；
公共启动（）{
让wavesurfer=wavesurfer.create({
容器：“#波形”，
waveColor:“紫罗兰色”，
progressColor:'紫色'，
插件：[MicrophonePlugin.create（）]
});
wavesurfer.话筒.开启（'deviceReady'，功能（流）{
console.info（'deviceready！'，stream）；
});
wavesurfer.Mirror.on（'deviceError'，函数（代码）{
console.warn（'设备错误：'+代码）；
})
让麦克风=wavesurfer.micros；//你的案子错了！
/*
你已经完成了上面所有的工作
麦克风。创建({
冲浪者：冲浪者
});
麦克风打开（'deviceReady'，功能（流）{
log（'Device ready！'，stream）；
});
麦克风打开（'deviceError'，函数（代码）{
console.warn（'设备错误：'+代码）；
}); 
*/
//启动麦克风
麦克风。开始（）；
}

如果要对流执行某些操作（在另一个wavesurfer上播放或发送到服务器），可以使用MediaRecorder：

wavesurfer:对象；
媒体记录器：对象；
recordingBlob：对象；
公共启动（）{
...
this.recordingBlob=null；
this.wavesurfer.micromic.on（'devicerady'，函数（流）{
this.mediaRecorder=新的mediaRecorder（流）；
this.mediaRecorder.ononandaavailable=事件=>{
this.recordingBlob=event.data；
};
这是一个.mediaRecorder.start（）；
});
...
}
公众站{
如果（！this.mediaRecorder | |！this.wavesurfer）返回；
this.mediaRecorder.stop（）；//触发mediaRecorder.onDataAvailable
this.mediaRecorder=null；
这个.wavesurfer.stop（）；
}

好了：

从'wavesurfer.js/dist/plugin/wavesurfer.micromic.min.js'导入microhoneplugin；
从“jquery”导入*为$；
从“WaveSurfer.js”导入*作为WaveSurfer；
公共启动（）{
让wavesurfer=wavesurfer.create({
容器：“#波形”，
waveColor:“紫罗兰色”，
progressColor:'紫色'，
插件：[MicrophonePlugin.create（）]
});
wavesurfer.话筒.开启（'deviceReady'，功能（流）{
console.info（'deviceready！'，stream）；
});
wavesurfer.Mirror.on（'deviceError'，函数（代码）{
console.warn（'设备错误：'+代码）；
})
让麦克风=wavesurfer.micros；//你的案子错了！
/*
你已经完成了上面所有的工作
麦克风。创建({
冲浪者：冲浪者
});
麦克风打开（'deviceReady'，功能（流）{
log（'Device ready！'，stream）；
});
麦克风打开（'deviceError'，函数（代码）{
console.warn（'设备错误：'+代码）；
}); 
*/
//启动麦克风
麦克风。开始（）；
}

如果要对流执行某些操作（在另一个wavesurfer上播放或发送到服务器），可以使用MediaRecorder：

wavesurfer:对象；
媒体记录器：对象；
recordingBlob：对象；
公共启动（）{
...
this.recordingBlob=null；
this.wavesurfer.micromic.on（'devicerady'，函数（流）{
this.mediaRecorder=新的mediaRecorder（流）；
this.mediaRecorder.ononandaavailable=事件=>{
this.recordingBlob=event.data；
};
这是一个.mediaRecorder.start（）；
});
...
}
公众站{
如果（！this.mediaRecorder | |！this.wavesurfer）返回；
this.mediaRecorder.stop（）；//触发mediaRecorder.onDataAvailable
this.mediaRecorder=null；
这个.wavesurfer.stop（）；
}