使用Mediarecorder在打字稿中记录HLS音频流

Question

我有一个HLS音频供稿集作为默认音频播放器元素的来源。我希望能够记录传入流以供以后使用。我尝试使用此 mediarecorder 以捕获来自音频播放器的流我被告知媒体记录器的来源不是“ Mediastream”类型的墙壁。

用于在音频元素代码中播放的流

  initStream() {
    // get the audio player
    let audioEl = this.audioPlayer.nativeElement;

    // create the HLS object
    this.hls = new Hls();

    // stream source URL
    var source = "https://as-hls-uk-live.akamaized.net/pool_904/live/uk/bbc_radio_one/bbc_radio_one.isml/bbc_radio_one-audio%3d128000.norewind.m3u8"

    // assign the source to the HLS object
    this.hls.loadSource(source);

    //attach the HLS to the audio player
    this.hls.attachMedia(audioEl);

    console.log(`Created audioPlayer${this.playerId}`);
  }

以初始初始化流录制的流播放的

initRecording(){
    this.recorder = null;
    this.recordedChunks = [];
    try {
      this.recorder = new MediaRecorder(this.hls, {mimeType: "audio/ogg"});
    } catch (e) {
      console.error('Exception while creating MediaRecorder: ' + e);
      return;
    }
    this.recorder.ondataavailable = (event) => {
      console.log(' Recorded chunk of size ' + event.data.size + "B");
      this.recordedChunks.push(event.data);
    };

    this.recorder.start();
  }

代码，而我获得的错误是异常创建Mediarecorder：TypeError：typeError：无法构造'Mediarecorder'：parameter 1不是类型'MediaStream' 。

我还尝试将音频播放器源用作媒体记录器的流，但是在这种情况下，我会发现一个错误，说媒体记录器无法启动录音机，因为源中没有曲目。

initRecording(){
    let audioEl = this.audioPlayer.nativeElement;
    var audioStream = audioEl.src;
    this.recorder = null;
    this.recordedChunks = [];
    try {
      this.recorder = new MediaRecorder(audioStream, {mimeType: "audio/ogg"});
    } catch (e) {
      console.error('Exception while creating MediaRecorder: ' + e);
      return;
    }
    this.recorder.ondataavailable = (event) => {
      console.log(' Recorded chunk of size ' + event.data.size + "B");
      this.recordedChunks.push(event.data);
    };

    this.recorder.start();
  }

Answer 1

确实，您需要传递“ MediaStream”类型。
您可以使用

let audioStream = audioEl.captureStream()