angular5 rtsp视频流播放

要在Angular 5应用程序中播放RTSP视频流，您可以使用ngx-videogular插件。ngx-videogular是一个开源的视频播放器框架，基于Angular和Videogular2构建。

首先，您需要安装ngx-videogular：

npm install ngx-videogular --save

然后，在您的组件中，您可以使用以下代码来播放RTSP视频流：

import { Component } from '@angular/core';
import { VgAPI } from 'videogular2/core';
import { VgRTSP } from 'videogular2/rtsp';

@Component({
  selector: 'app-my-component',
  template: `
    <vg-player (onPlayerReady)="onPlayerReady($event)">
      <vg-rtsp [vgUrl]="rtspUrl"></vg-rtsp>
    </vg-player>
  `,
})
export class MyComponent {
  rtspUrl = 'rtsp://your.rtsp.stream.url';
  api: VgAPI;

  onPlayerReady(api: VgAPI) {
    this.api = api;
    this.api.getDefaultMedia().subscriptions.loadedMetadata.subscribe(this.playVideo.bind(this));
  }

  playVideo() {
    this.api.getDefaultMedia().play();
  }
}

这将创建一个VideoGular播放器，并使用VgRTSP指令来播放RTSP视频流。请注意，您需要将实际的RTSP视频流URL替换为“rtspUrl”变量中的URL。

希望这可以帮助您开始播放RTSP视频流。