angular6 rtsp视频播放

在 Angular 6 中，您可以使用 `ngx-videogular` 插件来播放 RTSP 视频。下面是步骤：

1. 安装 `ngx-videogular`:

   npm install ngx-videogular --save

2. 在您的模块文件中导入 `VgCoreModule` 和 `VgControlsModule`：

   import { NgModule } from '@angular/core';
   import { BrowserModule } from '@angular/platform-browser';
   import { VgCoreModule } from 'ngx-videogular/core';
   import { VgControlsModule } from 'ngx-videogular/controls';

   import { AppComponent } from './app.component';

   @NgModule({
     declarations: [AppComponent],
     imports: [BrowserModule, VgCoreModule, VgControlsModule],
     bootstrap: [AppComponent]
   })
   export class AppModule {}

3. 在组件中使用 `vg-player` 组件，并设置 `vgUrl` 属性为 RTSP 流的 URL：

   <vg-player>
     <video #media
         [vgUrl]="'rtsp://my-rtsp-stream-url.com'"
         [vgControls]="true">
     </video>
   </vg-player>

4. 如果需要调整视频播放器的外观和行为，您可以使用 `VgOverlayPlayModule` 和 `VgBufferingModule`。

   import { VgOverlayPlayModule } from 'ngx-videogular/overlay-play';
   import { VgBufferingModule } from 'ngx-videogular/buffering';
   // ...
   @NgModule({
     imports: [VgCoreModule, VgControlsModule, VgOverlayPlayModule, VgBufferingModule],
     // ...
   })
   export class AppModule { }

这样，您就可以在您的 Angular 6 应用程序中播放 RTSP 视频了。