angular5 播放rtsp视频流

要在 Angular 5 中播放 RTSP 视频流，可以使用 `ngx-videogular` 插件。`ngx-videogular` 是一个基于 Angular 的视频播放器，它提供了一个简单的 API 来管理视频和音频播放。

首先，安装 `ngx-videogular`：

npm install --save ngx-videogular

然后在你的组件中引入 `VgCoreModule` 和 `VgControlsModule`：

import { VgCoreModule } from 'ngx-videogular/core';
import { VgControlsModule } from 'ngx-videogular/controls';

@NgModule({
  imports: [
    VgCoreModule,
    VgControlsModule
  ]
})

接下来，在你的 HTML 文件中添加以下代码：

<vg-player>
  <video #media
         [vgMedia]="media"
         id="video1"
         preload="auto"
         controls>
    <source [src]="videoUrl" type="application/x-rtsp"/>
  </video>
</vg-player>

在你的组件类中定义 `videoUrl`，它应该是你的 RTSP 视频流的 URL：

export class MyComponent {
  videoUrl = 'rtsp://your-video-url';
}

这就是播放 RTSP 视频流的基本步骤。如果你需要更多的控制，比如播放、暂停和重置视频，你可以使用 `VgApiService` 来管理视频播放。