在ionic 4中播放实况流

ionic cordova plugin add cordova-plugin-media-capture
npm install @ionic-native/media-capture

import { MediaCapture, MediaFile, CaptureError, CaptureVideoOptions } from '@ionic-native/media-capture/ngx';

constructor(private mediaCapture: MediaCapture) { }

captureLiveStream() {
  let options: CaptureVideoOptions = {
    limit: 1,
    duration: 30 // 设置录制时长为30秒
  };

  this.mediaCapture.captureVideo(options)
    .then((data: MediaFile[]) => {
      // 获取录制的实况流文件路径
      let videoUrl = data[0].fullPath;
      // 在这里可以对实况流进行进一步处理或播放
    })
    .catch((error: CaptureError) => console.error(error));
}

ionic cordova plugin add cordova-plugin-streaming-media
npm install @ionic-native/streaming-media

import { StreamingMedia, StreamingVideoOptions } from '@ionic-native/streaming-media/ngx';

constructor(private streamingMedia: StreamingMedia) { }

playLiveStream(url: string) {
  let options: StreamingVideoOptions = {
    successCallback: () => { console.log('Video played'); },
    errorCallback: (e) => { console.error('Error streaming'); },
    orientation: 'portrait',
    shouldAutoClose: true,
    controls: true
  };

  this.streamingMedia.playVideo(url, options);
}